从输入字段更新jQuery滑块的最大值

Question

我有一个简单的jQuery滑块，我想通过在输入字段中输入数量来更新max：value。这是我到目前为止：

<input name="cost" type="text" class="inputbox" size="10" id="cost" /> 

<label for="status">Progress Bar:</label> 
    <input type="text" id="status" style="border:0; color:#158FB6;font-weight:bold; background-color:#F8F8F8" name="status"/> 
    <div id="status-range" style="width: 250px;margin-top:2px"></div> 

$(function() { 
    $("#status-range").slider({ 
     value:0, 
     min: 0, 
     max: 0, 
     slide: function(event, ui) { 
      $("#status").val("$" + ui.value); 
     } 
    }); 
    $("#status").val("$" + $("#status-range").slider("value")); 
}); 

现在，当用户在成本字段中输入值我想max：0自动更新。

Answer 1

添加此事件侦听器：

$('#cost').change(function() { 
    $('#status-range').slider('option','max',$(this).val()); 
});