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

Question

我正在使用boostrap 滑块，这就是我实现它的方式：

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

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

预期结果

Answer 1

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

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

见小提琴。

滑块手柄上的 Css 有点有趣——它看起来像是绝对定位的，所以可能有更好的方法来使用 js 库的选项来设置它的样式。

Answer 2

只需使用 value 属性：

示例：尝试在您链接的页面上的控制台中运行此代码（http://seiyria.com/bootstrap-slider/）：

document.getElementById('ex1').value

你会看到正确返回的值