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