javascript - Bootstrap slider 更改最大值

Question

我目前正在使用 Twitter bootstrap-slider库，并且一直在试图弄清楚如何在 slider 初始化后更改最大值。这个问题如何retrieve the value有一些帮助，但我仍然找不到确切的调用方法。到目前为止，这是我一直在尝试的:

JS:

$('#slider').slider({
    max: 100
});
$('#slider').slider({
    max: 200
});
console.log($('#slider').data('slider').max)

控制台:

100

直接设置 $('#slider').data('slider').max 值也不会改变 slider 本身的范围，即使值已经改变。非常感谢任何有关设置最大值或重新初始化 slider 的帮助!!

Answer 1

您只需在更改 $('#slider').data('slider').max 后应用 setValue

$slider = $('#slider');

// Get current value
var value = $slider.data('slider').getValue();
// should be:
// var value = $slider.slider('getValue');
// but it doesn't work

// Change max
$slider.data('slider').max = 13;

// Apply setValue to redraw slider
$slider.slider('setValue', value);

http://jsfiddle.net/23aPK/