jQuery range slider event trigger

Question

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

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

Благодаря

Питер

Answer 1

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

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

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

события.

Если вы хотите выполнять функцию при каждом изменении ползунка, попробуйте 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); 
}