簡單的滑塊設置的值

Question

我有以下simple-slider.min.js：

<div class="field text" id="AmountSliderContainer">       
      <label class="sliderAmountLabel" id="sliderAmountLabel" for="SliderLoanAMount">How much would you like to borrow?</label>         
      <div id="SliderLoanAMount">     
       <ul> 
        <li id="amountSlider"> 
         <input name="lendingAmount" id="lending" class="slider amount" type="text" data-slider="true" data-slider-highlight="true" data-slider-range="1000,10000" data-slider-step="250" />                         
         <div class="LoanAmountContainer"> 
          <span class="PoundSign">&#163;</span><span><input readonly="true" id="<% = LoanApplication.CONST_FIELD_NAME_LOANAMOUNT %>" name="<% = LoanApplication.CONST_FIELD_NAME_LOANAMOUNT %>" value="<% = oLoanApplication.GetField(LoanApplication.CONST_FIELD_NAME_LOANAMOUNT).GetValueOrDefault(loanAmount) %>" class="output amount plain" /></span> 
         </div> 
        </li> 
       </ul>     
      </div>             
     </div>  

而且我有以下變化事件：

$('#AmountSliderContainer.field.text .slider.amount').bind('slider:changed', function (event, data) { 
    $('#AmountSliderContainer.field.text .output.amount, #AmountSliderContainer .foot p .amount').text(data.value.toFixed(2)); 
    $('#AmountSliderContainer.field.text input.output.amount').val(data.value.toFixed(2)); 
}); 

工作正常。

我正在嘗試創建一個ready事件，該事件將使頁面上的滑塊滑動到我選擇的值。

$('#AmountSliderContainer.field.text .slider.amount').bind('slider:ready', function (event, data) { 
    $('#AmountSliderContainer.field.text .slider.amount').simpleSlider("setValue", 5000); 
}); 

其中，根據這些指令：

http://loopj.com/jquery-simple-slider/

應該設置滑塊的值，但事實並非如此。

我知道ready事件在正確的時間點亮，因爲我已經在它觸發時顯示警報。但是，該命令似乎不起作用。

我沒有製作滑塊，但我非常確定我正在使用的說明適用於此滑塊。

所以我的問題是，我怎樣才能讓滑塊滑動到我選擇的值？

我考慮過的一種可能性是我沒有正確識別滑塊，所以值沒有被設置？但是，準備好的活動不會開火？如果這是我的錯，你如何確定滑塊如做到這一點：

$('#AmountSliderContainer.field.text .slider.amount'). 

包含錯誤的信息來識別滑塊？

我已經試過這樣：

$('#AmountSliderContainer.field.text .slider.amount').bind('slider:ready', function (event, data) {   
    $('#amountSlider').simpleSlider("setValue", 5000); 
}); 

，但它也沒有工作

Answer 1

檢查下面的例子：

FIDDLE

$('#lending').simpleSlider("setValue", $("#loanAmt").val()); 
$("[data-slider]").bind("slider:ready slider:changed", function (event, data) { 
     $("#loanAmt").val(data.value); 
});