动态设置引导滑块的值

Dynamically set value of Bootstrap slider?

本文关键字：设置 动态      更新时间：2023-09-26

我创建了一个滑块，如下所示，

<input id="brightness" onChange="changeBrightness()" data-slider-id='ex1Slider' type="text"
                    data-slider-min="-100" data-slider-max="100" data-slider-step="2" data-slider-value="0"/>

我需要为这个滑块动态设置值。我试过了，

$("#brightness").slider('setValue', 8, true);
$("#brightness").slider('refresh');

但这是行不通的。我该怎么做？

仅$("#brightness").slider('setValue', 8, true);

使用初始值刷新$("#brightness").slider('refresh');

尝试以下脚本：

$(window).load(function() {
    $("#brightness").attr('data-slider-value', 8);
    $("#brightness").slider('refresh');
});

以下是可以动态使用滑块值的几件事：jsfiddle

var slider = new Slider("#budget-slider-1");
var slider2 = new Slider("#budget-slider-2");
slider.on("change", function(slideEvent) {
  var currentValueSlider2 = slider2.getValue();
  slider2.options.min = 80;
  slider2.setValue(100);
});
相关文章：