我有一个保证金,或者我们可以说将来从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/

10-11 12:48
查看更多