Функция изменения JQuery на ионахлайде не работает

Question

У меня есть ийдонер в моем проекте. Мне нужно предсказать изменение ползунка. Это мой слайдер

$("#myslider").ionRangeSlider(); 

на функции изменения

$("#myslider").on('change',function(){ 
    var $this = $(this), 
    from = $this.data("from"), 
    to = $this.data("to"); 

    console.log(from + " - " + to); 
}); 

Но 'change' функция не работает. Это правильный способ предсказать изменение ползунка? или есть в любом случае делать .. Спасибо

Answer 1

Вы должны использовать onChange событие ionRangeSlider:

$("#range_43").ionRangeSlider({ 
    type: "single", 
    min: 0, 
    max: 100, 
    from: 50, 
    keyboard: true, 
    onStart: function(data) { 
     console.log("onStart"); 
    }, 
    onChange: function(data) { 
     console.log("onChange"); 
    }, 
    onFinish: function(data) { 
     console.log("onFinish"); 
    }, 
    onUpdate: function(data) { 
     console.log("onUpdate"); 
    } 
}); 

http://ionden.com/a/plugins/ion.rangeSlider/demo_interactions.html

Answer 2

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

$("#myslider").change(function(){ 
    console.log("check"); //check if it successfully enters .change function 
    var $this = $(this), 
    from = $this.data("from"), 
    to = $this.data("to"); 

    console.log(from + " - " + to); 
}); 

Если это не выполните второй журнал консоли, ваши значения переменных могут иметь проблему. .change должен быть вызван в .ionRangeSlider()