jquery滑塊不初始化值

Question

我得到[對象對象]，而不是在jQuery滑塊中的初始值。我已經閱讀了幾篇關於SO的文章，並且已經將腳本放置在結束標記之前，但滑塊仍未初始化。
JS FIDDLE

$("#slider").slider({ 
 
    value: 5, 
 
    min: 25, 
 
    max: 150, 
 
    step: 5, 
 
    slide: function(event, ui) { 
 
    $("#fee-amount").val("$" + ui.value); 
 
    } 
 
}); 
 

 
$("#fee-amount").val("$" + $("#slider").slider("value"));

<form id="payment-fee"> 
 
    <div class="form-group"> 
 
    <label for="fee-amount">Load Amount:</label> 
 
    <input type="text" id="fee-amount" value="" /> 
 
    </div> 
 
    <div class="row"> 
 
    <div class="col-xs-6 col-sm-6 pull-left text-left"> 
 
     <span>$25</span> 
 
    </div> 
 
    <div class="col-xs-6 col-sm-6 pull-right text-right"> 
 
     <span>$150</span> 
 
    </div> 
 
    </div> 
 

 
    <div id="slider"></div> 
 
</form>

這裏是截圖爲好。我怎樣才能初始化滑塊？謝謝。

Answer 1

使用以下

$("#fee-amount").val("$" + $("#slider").slider("value")) 

這裏工作jsFiddle

見http://api.jqueryui.com/slider/#method-value