Search code examples
jquery-uiuisliderjquery-ui-slider

jQuery UI Slider not giving "Slide" effect when dragging the pointer from one point to another

I have a jQuery UI slider here.

http://jsfiddle.net/DrR7s/7/

I have animate attribues value as "true". When I place my mouse pointer somewhere on the bar and click there, it is giving a slide visual effect. But if I drag the slider pointer to a different point, I am not getting the animated slide effect which I got in the other case. It looks like its jumping from one point to another. Is there any way I can have the slide effect here too ?

Below is my script:

 $(function(){

 $('#slider').slider({
 animate: true,
 step:1,
 min:0,
 max:5

});

});
Solution

  • You need to raise your max number, if you put it to max:100, it has a smoother dragging. The max tells the slider how many points to place on the slider itself. So going from point 0 to point 1 is big jump.