javascript - Bootstrap - 使用 jQuery/Javascript 的 slider 更新范围

Question

我正在使用 Bootstrap slider在一页中有两个 slider 的网页上。第二个 slider 的范围与第一个 slider 的值相关。重要的是我必须在页面加载时更新第二个 slider 范围。

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

Answer 1

根据bootstrap-slider docs你可以使用$().slider().setAttribute() function设置 slider 的 max 值:

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