javascript - jquery slider 未初始化值

Question

我得到的是 [object object] 而不是 jquery slider 中的初始值。我已经阅读了一些关于 SO 的帖子，并将脚本放置在结束标签之前，但 slider 仍然没有初始化。
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>

这里还有一个屏幕截图。如何初始化 slider ？谢谢。

Answer 1

使用以下内容

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

这里正在工作 jsFiddle

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