jQuery UI滑块-大范围

与其订阅滑块的幻灯片事件,为什么不订阅其幻灯片更改或停止幻灯片事件?

$( ".selector" ).slider({
   change: function(event, ui) { ... }  // Called after slidestop or if changed programmatically
   stop: function(event, ui) { ... }    // Called when user stops sliding
});

一种可能是创建一个计时器,并给它一个以毫秒为单位的超时时间,比如500,即半秒。每次触发幻灯片事件时,将计时器重置回超时时间。

如果计时器成功地完全倒计时,您可以假定用户已停止移动滑块并触发Ajax调用。

这是jquery插件喜欢的方法 TypeWatch 用于仅在用户停止在文本框中键入时发送Ajax请求。

    we can define steps in it also like,

    $("#slider-range-max").slider({
            range : "max",
            min : 0,
            max : 200,
            step : 0.1,   //steps
            value : 200,
            slide : function(event, ui) {
                $("#amount").val(ui.value);
            }
        });

Even we can handle it by writing value in textbox like this,

on value change of textbox call this function by passing parameter this.value

function setSlider(value) {
    $("#slider-range-max").slider({
        range : "max",
        min : 0,
        max : 200,
        step : 0.1,
        value : value,  // value will be setted slider position as par value
        slide : function(event, ui) {
            $("#amount").val(ui.value);
        }
    });
    $("#amount").val($("#slider-range-max").slider("value"));
}