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

您应该使用ionRangeSlider的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");
    }
});

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（）

中触发

离子滑块上的Jquery更改功能不起作用

2 个答案: