2013-03-15 70 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