jquery滑块未初始化值

Question

我正在获取[object object]而不是jquery滑块中的初始值。我已经在SO上阅读了一些帖子，并且已将脚本放在结束标记之前，但滑块仍未初始化。
JS FIDDLE

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

这里也是截图。如何初始化滑块？感谢。

Answer 1

使用以下

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

这是有效的jsFiddle

请参阅http://api.jqueryui.com/slider/#method-value