Question

我想要一个范围为0到2400的滑块，它受另一个滑块的值限制。它们一起只能加起来2400.我试图在这样的改变方法中实现它：

var cal_sl = $("#sl_4");
cal_sl.attr('max', 2400);   
cal_sl.change(function()
{
    var sumv = ($("#sl_3").val()*1)+($(this).val()*1);
    if(sumv>2400)
    {
        $(this).val(2400-$("#sl_3").val());            
    }
    var slider_value = $(this).val();

});

但是滑块不会移动（只有滑块的文本框才正确）。如果我还添加了刷新，则更改功能将进入刷新/更改/刷新/...

的无限循环

另外，我不想更改'max'值，因为拇指应位于滑块的中间，值为1200，但如果另一个滑块有滑块，则它不应该移动到更高的值价值也是1200。

如何实施？

Answer 1

我只需要在if中设置刷新，这样就不会发生无限循环：

$(this).slider('refresh');

动态限制滑块的值

1 个答案: