2013-03-15 41 views
1


我使用的是jQuery UI Slider.It工作正常,但range div(說明拖動了多少部分的部分)未顯示。
這裏是fiddle。 有人可以解決問題。jQuery UI Slider範圍未顯示

另一件事是,我們可以在滑塊上顯示索引。
假設滑塊有min=0 and max=10。現在我想顯示110數字作爲滑塊上面或下面的索引。那將客戶,他在哪裏...

是否有可能?

回答

1

對於顯示選定的範圍內,

演示:http://jsfiddle.net/WmuPN/5/

代碼:

<div class="vUiSlider"></div> 
<div id="slideValue"></div> 

SCRIPT

$('.vUiSlider').slider({ 
    min:0, 
    max:100, 
    value:3, 
    animate: true, 
     slide: function(event, ui) { 
      $("#slideValue").text(ui.value); 
     } 
    }); 

有關詳細徹CK jQuery UI的文檔,http://jqueryui.com/slider/#range

UPDATE:

檢查這一項,http://jsfiddle.net/WmuPN/10/用於顯示所選範圍的顏色

+0

對不起..我想我是在解釋我差等問題。我不想顯示範圍值。我已經可以完成那部分了......但是我要求的是,我想對顏色爲'.ui-slider-range'類的範圍部分着色。如果您查看jQuery Slider演示和#colorpicker類別,它們會將紅色標記爲被拖動的部分。我希望我很清楚。 – 2013-03-15 06:45:18

+0

試試這個,http://jsfiddle.net/WmuPN/10/ – 2013-03-15 07:09:46