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