Question

我有两个相互依赖的滑块。两个滑块的范围都是0到100.滑块由其他一些字段计算。所以我可以在滑块上找到99和滑块上的两个30.如果我改变滑块2的范围，滑块1变得超过100，但如果滑块1超过100，它应该停止滑块2。我试图用die()和.off("slide")阻止它，但似乎没有任何效果。

Answer 1

如果slide的值变得大于最大值，您可以检查slider1事件，如果是，则通过returnig false取消幻灯片事件：

取消事件将阻止手柄移动和手柄将继续保持其以前的价值。

代码：

$(function () {

    $("#slider1").slider({
        min: 0,
        max: 100,
        value: 30,
        slide: function (event, ui) {
            console.log(ui.value)
        }
    });

    $("#slider2").slider({
        min: 0,
        max: 100,
        value: 20,
        slide: function (event, ui) {
            if (ui.value + 10 > $("#slider1").slider("option", "max")) {
                return false
            }
            $("#slider1").slider("option", "value", ui.value + 10);
        }
    });

});

演示：http://jsfiddle.net/IrvinDominin/9RFK2/

Answer 2

您是说滑块2的值不应超过sider 1值。

if (ui.value  > slider1.slider("option", "value")) {

            return false;
        }

看看这个小提琴

http://jsfiddle.net/smartyatwork/XSUgK/8/

jquery滑块停止滑动

2 个答案: