多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
<a name="slider"></a> ## slider(selector, [options]) slider slider滑块,单位是百分比。注意,因为需要获取slider的长度,所以必须要在slider可见的情况下来调用。 **Kind**: global function | Param | Type | Default | Description | | --- | --- | --- | --- | | selector | <code>string</code> | | slider的selector | | [options] | <code>object</code> | | 配置项 | | [options.step] | <code>number</code> | | slider的step,每次移动的百分比,取值范围 [0-100] | | [options.defaultValue] | <code>number</code> | <code>0</code> | slider的默认百分比值,取值范围 [0-100] | | [options.onChange] | <code>function</code> | | slider发生改变时返回对应的百分比,取值范围 [0-100] | **Example** #### html ```html <div class="weui-slider-box"> <div id="slider" class="weui-slider"> <div class="weui-slider__inner"> <div class="weui-slider__track"></div> <div class="weui-slider__handler"></div> </div> </div> <div id="sliderValue" class="weui-slider-box__value"></div> </div> ``` #### js ```javascript weui.slider('#slider', { step: 10, defaultValue: 40, onChange: function(percent){ console.log(percent); } }); ```