我有一个保证金,或者我们可以说将来从HTML选择选项标签动态更改一个特定距离。
我用jQueryUI Slider创建了范围滑块。
我正在尝试做的事情:
我要在特定距离表示边距后停止滑动。
需要帮忙 。
JSFIDDLE:http://jsfiddle.net/3j3Um/1/
的HTML
<div id="slider-range"></div>
jQuery的
$("#slider-range").slider({
range: true,
min: 0,
max: 95,
values: [20, 80],
slide: function (event, ui) {
var getMargin = ui.values[0] - ui.values[1];
$("#margin").val(getMargin);
if (getMargin == -30) {
alert('stop the sliding');
}
}
});
最佳答案
我认为您做的还不错,您只需要在符合条件的情况下添加return
语句即可。并且您还需要将比较运算符更改为(<
),因为每次执行滑动动作时都会调用滑动功能。
我已经修改了一些代码以使其工作(不干净,但是您可以稍后进行更改):
var getMargin = ui.values[0] - ui.values[1];
var rangeValue = (-1) * parseInt(getMargin);
if(rangeValue < 30){
return false;
}
$("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
$("#margin").val(getMargin);
您可以检查此Working Fiddle
关于javascript - 经过特定的差异/ margin 后停止jQueryUI Slider,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24840261/