Rama Rao M
Rama Rao M

Reputation: 3071

jQuery UI Slider range is not shown


I am using a jQuery UI Slider.It works fine but the range div(the part that says how much part is dragged) is not shown.
here is the fiddle. Can somebody please resolve the problem.

And another thing is, can we show indexes on the sliders.
Let's say slider has min=0 and max=10. Now I want to show 1 to 10 numbers as indexes to the above or down of the sliders. That will the customer that where he is in...

is it possible?

Upvotes: 1

Views: 2700

Answers (1)

Muthu Kumaran
Muthu Kumaran

Reputation: 17930

For showing the range selected,

Demo: http://jsfiddle.net/WmuPN/5/

Code:

<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);
       }
   });

For more check jQuery UI documentation, http://jqueryui.com/slider/#range

UPDATE:

Check this one, http://jsfiddle.net/WmuPN/10/ for showing selected range color

Upvotes: 1

Related Questions