在跨度中显示引导滑块的初始值

Question

我使用这个Bootstrap Slider库，但我有一个问题。我想在条形图旁边的跨度中显示滑块的值。目前，我只在滑块发生变化时进行处理，而不是在窗口第一次加载其初始值时进行处理。

这是我的代码：

<div class="form-group">
   <span style="float:left;">Age</span>
   <span style="float:right;"><span id="ageval"></span></span>
   <input id="age" data-slider-id='ex1Slider' type="int" data-slider-min="5" data-slider-max="55" data-slider-step="1" data-slider-value="{{age}}" value="{{age}}"/>
</div>
$('#age').slider({
      tooltip: 'hide'
})
$('#age').on('slide', function(slideEvt) {
      $("#ageval").text(slideEvt.value);
});

Answer 1

使用slider.value

$("#ageval").html($("#age).slider().value);
or
$("#ageval").html($("#age").slider("getValue"));