在此JSFiddle ,按住鼠标键并拖动到 JSFiddle 结果 iframe 之外。
然后松开按钮。将鼠标移到 slider 上。然后,无需按住按钮即可更改 slider 值。
如何防止这种行为?
代码非常简单:
var $range = $(".js-range-slider");
$range.ionRangeSlider({
type: "double",
min: 100,
max: 1000,
from: 300,
to: 800
});
首先,将ionRangeSlider赋值给一个变量,读取docs
var slider = $(".js-range-slider").data("ionRangeSlider");
因此, slider 对象具有属性 dragging: true
一次,你可以从主容器中 mouseout,使 dragging: false
var slider = $(".js-range-slider").data("ionRangeSlider");
$(".range-slider").mouseleave(function(){
slider.dragging = false;
});
检查 jsfiddle
我是一名优秀的程序员,十分优秀!