这个bootstrup slider插件可以不依赖于jquery,使用纯js的方式也可以操作它。
作为jQuery插件版本的bootstrap-slider
var mySlider = $("input.slider").slider();
<pre name="code" class="javascript">// Instantiate a slider
var mySlider = new Slider("input.slider", {
// initial options object
});
// Call a method on the slider
var value = mySlider.getValue();
<strong style="font-family: Arial, Helvetica, sans-serif;"> </strong>
使用原生js调用bootstrup slider// Instantiate a slider
var mySlider = new Slider("input.slider", {
// initial options object
});
// Call a method on the slider
var value = mySlider.getValue();
// For non-getter methods, you can chain together commands
mySlider
.setValue(5)
.setValue(7);
在线演示:http://www.htmleaf.com/Demo/201502041325.html
下载地址:http://www.htmleaf.com/jQuery/Form/201502041324.html
原文:http://blog.csdn.net/delmarks/article/details/43526327