jQuery范围滑块事件触发

Question

使用 jQuery Range Slider 插件时出现问题。每次滑块更改时，我都想触发一个事件。

我不知道我可以在哪个元素上触发事件。例如，我希望收到一条警报消息，看看它是否有效。

谢谢

彼得

Answer 1

若要在用户停止移动旋钮后获取滑块值，请使用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);
}

Answer 2

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

你可以使用

1. start
2. slide
3. change
4. stop

事件。

如果您想在每次更改滑块时执行一个功能，请尝试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/
       }
    });

});