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

Question

我使用此Bootstrap-Slider library并且我遇到了问题。我想在条形旁边的范围中显示滑块的值。目前，我只在滑块改变时才处理，但是当窗口第一次加载它的初始值时，我不会这样做。

这是我的代码：

<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"));