JQuery滑块 - 在滑动后调用函数

Question

我有一个 JQuery 滑块，用于在网页应用中设置分数。我最初是让用户单击提交按钮，但客户现在希望使用 AJAX 样式进行更新。

这很好，但滑动功能会在每次移动时调用，因此我的 AJAX 脚本将在滑块完成移动之前发送分数。

在 JQuery 滑块上是否有在释放滑块时调用的函数？是否有一种简单的方法可供我检查滑块何时被释放？

谢谢。

- Ryan Smith

Answer 1

快速浏览源代码后，我建议尝试使用“stop”或“change”而不是“slide”。似乎“stop”事件发生在鼠标释放时，“change”事件也是在鼠标释放时发生，但仅当值发生更改时才会触发。当然，我没有看到任何关于此的文档，但我也没有认真寻找。

- FryGuy

---

谢谢，我在源代码中找不到那个，但我想我看错了文档。这正是我要找的。 - Ryan Smith

谢谢，这真的帮了我很多。 - suvajit

尽管参考链接已经不存在了，但Salty和FryGuy的答案结合起来仍然非常有帮助。 - Nagama Inamdar

当我点击滑块上的步骤时，它无法正常工作。它会立即执行函数（滑动/更改/停止似乎都没有关系），然后再滑动。 - Chocolava

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

- Salty

Answer 3

文档确认了FryGuy所说的内容... 从滑块选项页面：

change Function(Event, ui)： 在滑动停止时调用的函数，但仅当滑块位置已更改时才调用。

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

- Stobor