动态设置引导滑块的值？答案

【问题标题】：Dynamically set value of Bootstrap slider?动态设置引导滑块的值？
【发布时间】：2016-02-02 03:29:01
【问题描述】：

我创建了一个如下的滑块，

<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").val(8); 会将其设置为 8？
试过了，还是不行。

标签： javascript jquery twitter-bootstrap slider

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

试试下面的脚本：

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

【讨论】：

错误：无法在初始化之前调用滑块上的方法；试图调用方法“刷新”...我收到此错误...
@Nidhish 您必须确保代码在 Bootrstrap 初始化后运行。（虽然不确定如何在实践中做到这一点。）您可以尝试在点击事件或其他东西上运行它以查看它是否有效。
我最初加载了 bootstrap-slider.js。并在按钮单击事件上尝试了上述代码。然后得到错误“错误：在初始化之前无法调用滑块上的方法；试图调用方法'值''......

【解决方案3】：

您可以使用滑块值动态执行以下几项操作：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);
});

【讨论】：