jquery slider not initializing values

Question

I am getting the [object object] instead of the initial value in the jquery slider. I have read a few posts on SO, and have placed the script right before the closing tags, but the slider is still not initializing.
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>

here is a screenshot as well. How can I initialize the slider? Thanks.

Kairat · Accepted Answer · 2016-06-28 20:21:55Z

1

Use the following

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

Here is working jsFiddle

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

answered Jun 28, 2016 at 20:21

Kairat

8104 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery slider not initializing values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related