有限制的jQuery滑塊

Question

我正在使用jQuery滑塊讓用戶選擇要花多少錢來升級他們的服務器。我希望顯示整個滑塊，但我想要限制滑塊，以便用戶不能將滑塊向後滑動超過他們已付費的位置。

滑塊本身工作沒有限制：

 $("#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);