Запретите ionRangeSlider изменять значение после выхода из мыши

Question

В этом JSFiddle удерживайте нажатой клавишу мыши и перетаскивайте за пределы iframe результата JSFiddle.

Затем отпустите кнопку. Наведите курсор на ползунок. Затем значение слайдера будет изменено, не удерживая кнопку.

Как предотвратить это поведение?

Код довольно прост:

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

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

Answer 1

Сначала присвойте ionRangeSlider одной переменной, прочитайте документы

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