jquery - 离子滑块上的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

您应该使用onChangeionRangeSlider 的事件：

$("#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() 触发