Verhindern, dass ionRangeSlider den Wert nach dem Mouse-Out ändert

Question

Halten Sie in diesem JSFiddle die Maustaste gedrückt und ziehen Sie außerhalb des JSFiddle-Ergebnis-Iframes.

Dann lassen Sie die Taste los. Bewege die Maus über den Schieberegler. Dann wird der Schiebereglerwert geändert, ohne die Taste gedrückt zu halten.

Wie kann dieses Verhalten verhindert werden?

Der Code ist ziemlich einfach:

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

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

Answer 1

Zuerst zuweisen ionRangeSlider zu einer Variablen, docs lesen

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

so, das Slider-Objekt hat die Eigenschaft dragging: true

einmal, Sie kann aus dem Hauptbehälter Mouseout, machen dragging: false

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

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

überprüfen jsfiddle