Bootstrap - 使用jQuery / Javascript更新滑块

Question

我在网页上使用Bootstrap slider，其中一个页面中有两个滑块。第二张幻灯片的范围与第一个滑块的值有关。 重要的是我必须在页面加载后创建第二个滑块范围后更新。

我找到了如何创建和设置滑块但不更新它。查看this page中的示例2。有没有办法用jQuery或Javascript以编程方式更改滑块范围？

Answer 1

根据bootstrap-slider docs，您可以使用$().slider().setAttribute() function设置滑块的max值：

var slider = $("#foo").slider();
var slider2 = $("#bar").slider();
slider.setAttribute('max', slider2.getValue() + 10);  // or whatever