0

このJSFiddleで、マウス キーを押したまま JSFiddle 結果の iframe の外にドラッグします。

その後、ボタンを放します。スライダーの上にマウスを移動します。次に、ボタンを押し続けなくても、スライダーの値が変更されます。

この動作を防ぐ方法は?

コードは非常に単純です。

var $range = $(".js-range-slider");

$range.ionRangeSlider({
    type: "double",
    min: 100,
    max: 1000,
    from: 300,
    to: 800
});
4

1 に答える 1

2

まず、ionRangeSlider を 1 つの変数に割り当て、ドキュメントを読みます

var slider = $(".js-range-slider").data("ionRangeSlider");

したがって、スライダーオブジェクトにはプロパティがありますdragging: true

一度、メインコンテナからマウスアウトできます。dragging: false

var slider = $(".js-range-slider").data("ionRangeSlider");

$(".range-slider").mouseleave(function(){
  slider.dragging = false;
});

jsfiddleを確認してください

于 2016-07-28T19:01:13.973 に答える