bootstrap-slider更改最大值

Question

我目前正在使用Twitter bootstrap-slider库,并且一直试图弄清楚如何在初始化滑块后更改最大值.关于如何检索值的这个问题有一些帮助,但我仍然找不到确切的调用方法.这是我到目前为止所尝试的内容:

JS:

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

安慰:

100

$('#slider').data('slider').max直接设置值也不会改变滑块本身的范围,即使该值已更改.任何有关设置最大值或重新初始化滑块的帮助都将非常感激!!

Answer 1

你需要setValue在改变之后申请$('#slider').data('slider').max

$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/

Answer 2

您需要调用refresh方法.以下代码可以解决问题:

   $("#slider").slider('setAttribute', 'max', maxVal);
   $("#slider").slider('setAttribute', 'min', minVal);
   $("#slider").slider('refresh');