jqweui文档地址:http://jqweui.com/components#slider
代码拿来使用后,出现了滑块无法拖动的问题。原因是官方文档js代码里,对于slider控件的id写错了,修改一致后可正常使用。
![官方文档截图](https://i-blog.csdnimg.cn/blog_migrate/58c65c534b94d1eb1e8b40cf0ba73dd2.png)
<div class="weui-slider-box" id="slider1">
<div class="weui-slider">
<div id="sliderInner" class="weui-slider__inner">
<div id="sliderTrack" style="width: 75%;" class="weui-slider__track"></div>
<div id="sliderHandler" style="left: 75%;" class="weui-slider__handler"></div>
</div>
</div>
<div id="sliderValue" class="weui-slider-box__value">75</div>
</div>
<script>
$('#slider1').slider(function (percent) {
console.log(percent)
})
</script>