javascript - 如何使用引导 slider 显示处理程序内的值？

Question

我正在使用boostrap slider这就是我实现它的方式:

$("#yearSlider").slider({step: 20000, min: 0, max: 200000})

如何在处理程序中获取值而不是在工具提示中获取值？

预期结果

Answer 1

您可以通过以下方式设置幻灯片事件的值:

$("#yearSlider").on("slide", function(slideEvt) {
  $("#yearSlider .slider-handle").text(slideEvt.value);
});

参见fiddle .

slider handle 上的 CSS 有点有趣 - 它看起来像是绝对定位的，因此可能有更好的方法使用 js 库的选项来设置它的样式。