【问题标题】:JQuery Slider - Call function after slideJQuery Slider - 滑动后调用函数
【发布时间】:2026-01-11 02:30:01
【问题描述】:

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

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

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

谢谢,。

【问题讨论】:

    标签: jquery ajax slider


    【解决方案1】:

    在快速阅读the source code 之后,我会建议尝试使用“停止”或“更改”而不是“滑动”。似乎“停止”事件发生在 mouseup 上,而“更改”事件发生在 mouseup 上,但前提是值发生了变化。我没有看到任何这方面的文档,当然,我也不是很努力。

    【讨论】:

    • 谢谢,我在源代码中找不到,但我想我看错了文档。正是我想要的。
    • 谢谢,这对我很有帮助。
    • 虽然参考链接已经不存在了。Salty 和 FryGuy 的回答在结合时真的很有帮助。
    • 当我单击滑块中的某个步骤时,我无法使其工作。它在滑动之前立即执行功能(滑动/更改/停止似乎无关紧要)。
    【解决方案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
        } 
    });
    

    【讨论】:

      【解决方案3】:

      文档证实了 FryGuy 刚才所说的话…… From the slider options page:

      更改功能(事件,用户界面): 在滑块停止时调用的函数,但前提是滑块位置已更改。

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

      【讨论】: