Триггер события ползунка диапазона jQuery

Question

возникла проблема с использованием плагина jQuery Range Slider. Я хочу вызывать событие каждый раз, когда меняется слайдер.

Я не знаю, на каком элементе я могу инициировать события. Например, я хочу получить предупреждающее сообщение ro и посмотреть, работает ли оно.

Спасибо

Peter

Answer 1

Есть 4 возможных события, которые вы можете использовать.Смотрите под событиями в документах ==> http://jqueryui.com/demos/slider/

Вы можете использовать

1. start
2. слайд
3. изменение
4. стоп

события.

Если вы хотите выполнять функцию каждый раз при смене слайдера, попробуйте change.

Допустим, ваш слайд является элементом с идентификаторомиз 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);
}