jquery - 有限制的 jQuery 滑块

Question

我正在使用 jQuery Slider 让用户选择升级服务器所需的费用。我希望显示整个滑块，但我希望限制滑块，以便用户无法将滑块向后滑动超过他们已经支付的金额。

滑块本身不受限制地工作：

        $("#slider").slider({

        value: current_donation,
        min: 0,
        max: 120,
        step: 1,
        slide: function(event, ui) {
            $("#price").val(t[ui.value]);
            $("#amount").val(p[ui.value]);
            var aaa = $("#price").val();
            $("#total").val(+aaa - current_donation); 
         });


    $("#price").val('$' + $("#slider").slider("value"));

    $("#price").val(current_donation);

    }

但是，当我尝试添加限制时

    $("#slider").slider({

        value: current_donation,
        min: 0,
        max: 120,
        step: 1,
        slide: function(event, ui) {
            if(ui.value < 40) {
            return false;
          }
            $("#price").val(t[ui.value]);
            $("#amount").val(p[ui.value]);
            var aaa = $("#price").val();
            $("#total").val(+aaa - current_donation); 
         });


    $("#price").val('$' + $("#slider").slider("value"));

    $("#price").val(current_donation);

    }

整个事情都被禁用了，滑块甚至没有出现。有谁知道我要去哪里错了？

Answer 1

为什么不使用滑块 api 添加此限制。

var min = $("#slider").slider( "option", "min" );

$("#slider").slider("option", "min", 40);