iSlider上的Jquery更改函数不工作

iSlider上的Jquery更改函数不工作,jquery,slider,rangeslider,Jquery,Slider,Rangeslider,我的项目中有一个ionslider。我需要预测滑块的变化。 这是我的滑块 $("#myslider").ionRangeSlider(); 关于变函数 $("#myslider").on('change',function(){ var $this = $(this), from = $this.data("from"), to = $this.data("to"); console.log(from + " - " + to); }); 但是“更改”功能不工

我的项目中有一个ionslider。我需要预测滑块的变化。 这是我的滑块

$("#myslider").ionRangeSlider();
关于变函数

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

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

但是
“更改”
功能不工作。这是预测滑块变化的正确方法吗?还是有什么事要做。。谢谢

您应该使用IonRange Slider的
onChange
事件:

$("#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");
    }
});

您可以使用以下功能:

$("#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);
});
如果不继续第二个控制台日志,您的变量值可能有问题。更改应该由.IonRangeSloider()中触发