jQuery UI Slider范围未显示

时间:2013-03-15 06:12:41

标签: jquery html css slider


  我正在使用jQuery UI Slider.It工作正常,但range div(显示拖动了多少部分的部分)未显示。
这里是fiddle。 有人可以解决问题。

另一件事是,我们可以在滑块上显示索引 我们说滑块有min=0 and max=10。现在,我想将1显示为10个数字作为滑块上方或下方的索引。这将是他所在的客户...

有可能吗?

1 个答案:

答案 0 :(得分: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);
       }
   });

有关jQuery UI文档的更多信息,请http://jqueryui.com/slider/#range

<强>更新

选中此项http://jsfiddle.net/WmuPN/10/以显示所选范围颜色