jQuery范围滑块事件触发器

使用jQuery Range Slider插件存在问题。 我希望每次滑块更改时触发一个事件。

我不知道我可以触发哪些事件。 对于exmaple我wana有一个警告消息ro看看它是否有效。

谢谢

彼得

Answer 1

您可以使用4种可能的事件。 查看文档中的事件==> http://jqueryui.com/demos/slider/

你可以使用

1. 开始
2. 滑动
3. 更改
4. 停

事件。

如果您想在每次更改滑块时执行某项function，请尝试change 。

假设您的幻灯片是一个id为slider的元素：

 $(function() { // <== doc ready $( "#slider" ).slider({ change: function(event, ui) { // Do your stuff in here. // You can trigger an event on anything you want: $(selector).trigger(theEvent); // Or you can do whatever else/ } }); }); 

Answer 2

要在用户停止移动旋钮后获取滑块值，请使用change否则在移动旋钮时使用input接收更新。

 // Logs the value when the user has released the slider $('.my-slider').on('change', valueUpdated); // Logs the value while the user is moving the slider $('.my-slider').on('input', valueUpdated); function valueUpdated (e) { var val = $(e.element).val(); console.log(val); }