jquery - JQuery Slider - 滑动后调用函数

Question

我有一个用于在 Web 应用程序上设置分数的 JQuery silder。我最初拥有它，以便用户单击提交按钮，但客户端现在希望它更新 AJAX 样式。

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

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

谢谢，。

Answer 1

在快速阅读源代码后，我会说尝试使用“停止”或“更改”而不是“滑动”。似乎 'stop' 事件发生在 mouseup 上，而 'change' 事件发生在 mouseup 上，但前提是值发生了变化。我没有看到任何关于这方面的文档，当然，我看起来不是很努力。

Answer 2

初始化滑块时，请使用以下命令：

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

Answer 3

该文档证实了 FryGuy 刚才所说的...... 从滑块选项页面：

change Function(Event, ui)：在滑动停止时调用的函数，但前提是滑块位置发生了变化。

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