动态设置引导滑块的值？

我创建如下面的滑块，动态设置引导滑块的值？

<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');

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

来源

2015-11-02 Nidhish

不确定，但我猜'$（“＃brightness”）.val（8）;'将它设置为8？ – Anders

试过了，但没有工作。 – Nidhish

尝试下面的脚本：

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

来源

2015-11-02 09:28:55

错误：初始化之前无法在滑块上调用方法;试图调用方法'刷新'...我得到这个错误... – Nidhish

@Nidhish你必须确保代码在Bootrstrap初始化后运行。（不知道如何在实际中做到这一点。）你可以尝试在点击事件或其他事情上运行它，看看它是否有效。 – Anders

我最初加载了bootstrap-slider.js。并尝试按钮点击事件上面的代码。然后出现错误“错误：不能在初始化之前调用滑块上的方法;试图调用方法'值''... – Nidhish

这里有几件事情，你可以使用滑块值做动态：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); 
});

来源

2016-09-22 08:33:27 amstegraf

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

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

来源

2017-01-09 14:45:18 user3831200

动态设置引导滑块的值？

回答

相关问题