Question

我有一个保证金，或者我们可以说以后动态改变HTML选项标签的特定距离。我创建了一个带有jQueryUI Slider的范围滑块。

我想做什么： 我希望在特定距离意味着保证金后停止滑动。需要帮忙。

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

Answer 1

我认为你做得很好，你只需要在满足的条件下添加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);

在特定差异/边距之后停止jQueryUI Slider

1 个答案:

您可以查看Working Fiddle