阅读(3310) 赞(16)

滑块

2017-05-25 15:38:06 更新

MDUI 的滑块使用 HTML5 的 <input type="range"/> 输入框实现。

滑块组件在页面加载完后会自动初始化。对于动态生成的滑块，需要调用 mdui.updateSliders() 进行初始化。

使用强调色。

样式

www.mdui.org - 滑块 - 连续滑块

www.mdui.org - 滑块 - 间续滑块

在连续滑块或间续滑块的 input 元素上添加 disabled 属性就能禁用滑块。

连续滑块：

www.mdui.org - 滑块 - 禁用状态的连续滑块

间续滑块：

www.mdui.org - 滑块 - 禁用状态的间续滑块

如果你的滑块组件是动态生成的，或者动态修改了滑块的值，则需要调用 mdui.updateSliders() 方法来重新初始化滑块组件。

该方法可以接受一个含 .mdui-slider 类的 CSS 选择器、或者 DOM 元素、或者 DOM 元素组成的数组作为参数，表示只重新初始化指定滑块。如果没有传入参数，将重新初始化页面中的所有滑块。