slider: is it possible to click on the ruler and let the handle moves with it?

[kudoof]

Just like a regular scroll bar,  when  you click on the empty area, the handle moves quickly to that area and snap to it finally.

Something similar 
http://jqueryui.com/slider/#default

[kudoof]

Also, if I want to align the slider to the bottom of its div (I don't need the tick marks),  which css property should I change?  Thanks!

[stworthy]

Just like a regular scroll bar,  when  you click on the empty area, the handle moves quickly to that area and snap to it finally.

Please download the updated slider plugin from http://www.jeasyui.com/easyui/plugins/jquery.slider.js

[kudoof]

Where should I put this file on disk and how to include in the header? 

By itself the slider does not render and using it together with the 'jquery.easyui.min.js' doesn't make a difference.
I am also using other elements like tooltips etc.

[stworthy]

Try this:

Code:

	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/plugins/jquery.slider.js"></script>

[kudoof]

Thanks. The next question follows is that how do I use these click events?  I would like to use the onSlideEnd instead of onChange for my app because the latter triggers too many ajax requests, but was unable to get it working.

[stworthy]

The 'onSlideEnd' event only fires when the user has dragged the slider's thumb and drop it. Please try to use the 'onComplete' event that will get always called, no matter dragging the thumb or clicking the slider.

Code:

$('#ss').slider({
  onComplete:function(value){...}
});

[kudoof]

Cool!  Thanks for the quick replies.   

The 'onSlideEnd' event only fires when the user has dragged the slider's thumb and drop it. Please try to use the 'onComplete' event that will get always called, no matter dragging the thumb or clicking the slider.

Code:

$('#ss').slider({
  onComplete:function(value){...}
});