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);
});

2 番目のコンソール ログに進まない場合は、変数の値に問題がある可能性があります。.change は .ionRangeSlider() でトリガーされることになっています