jquery 滑块未初始化值

Question

我得到的是 [object object] 而不是 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></span>
    </div>
    <div class="col-xs-6 col-sm-6 pull-right text-right">
      <span>0</span>
    </div>
  </div>

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

这里还有截图。如何初始化滑块？谢谢。

Answer 1

使用以下内容

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

这里正在工作jsFiddle

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

jquery 滑块未初始化值

jquery slider not initializing values

javascript

jquery

html

jquery-ui-slider