防止 ionRangeSlider 在鼠标移出后更改值

【问题标题】：Prevent ionRangeSlider to change the value after mouse out防止 ionRangeSlider 在鼠标移出后更改值
【发布时间】：2016-07-29 03:01:13
【问题描述】：

在此JSFiddle 中，按住鼠标键并拖动到 JSFiddle 结果 iframe 之外。

然后松开按钮。将鼠标移到滑块上。然后，滑块值将被更改，而无需按住按钮。

如何防止这种行为？

代码很简单：

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

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

【问题讨论】：

【解决方案1】：

首先，将 ionRangeSlider 赋值给一个变量，读取docs

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

【讨论】：