JQuery Slider - 幻灯片后调用函数

时间:2009-01-13 00:31:45

标签: jquery ajax slider

我有一个JQuery silder,我用它来设置Web应用程序的分数。我特意让用户单击了一个提交按钮,但客户现在希望它更新AJAX风格。

这可以找到,但是滑动函数会在每个动作上调用,所以我的AJAX脚本会在滑块完成移动之前发送一个分数。

JQuery滑块上是否有一个函数在滑块释放时被调用?有没有直接的方法让我检查滑块何时被释放?

谢谢,

3 个答案:

答案 0 :(得分:19)

在快速阅读the source code之后,我会说尝试使用'停止'或'更改'而不是'幻灯片'。似乎'stop'事件发生在mouseup上,'change'事件发生在mouseup上,但只有在值发生变化时才会发生。我没有看到任何关于此的文档,当然,我看起来并不是很难。

答案 1 :(得分:9)

初始化滑块时,请使用:

var slider = $('.slider').slider({ 
    steps: 10,
    handle: $('.knob'),
    animate:'true',
    min:1,
    max:10,
    startValue: 1,
    change: function(e,ui){
        //Do something with ui.value
    } 
});

答案 2 :(得分:6)

文件证实了FryGuy刚刚说的话...... From the slider options page:

更改功能(事件,ui): 在滑动停止时调用的函数,但仅在滑块位置已更改时才会调用。

stop Function(Event,ui):当用户停止滑动时调用的函数。