JavaScript Reference
描述 (Description)
Foundation为滑块提供JavaScript组件。
初始化 (Initializing)
与foundation.core.js插件一起，您需要在JavaScript中包含foundation.slider.js才能使用此插件。 此插件需要以下列出的实用程序库。
foundation.util.motion.js
foundation.util.triggers.js
foundation.util.keyboard.js
foundation.util.touch.js
Foundation.Slider
它用于创建向下钻取菜单的新实例。
var elem = new Foundation.Slider(element);
下表列出了Foundation.slider使用的参数。
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | element jQuery对象用于制作手风琴菜单。 | jQuery |
| 2 | options 覆盖插件的默认设置。 | Object |
插件选项 (Plugin Options)
要自定义滑块实例，可以使用插件选项。 这些选项可以设置为传递给插件构造函数的对象，单个数据属性或一个组合data-options属性。 下表显示了如何初始化JavaScript插件。
| Sr.No. | 名称和描述 | 例 |
|---|---|---|
| 1 | start 滑块刻度最小值。 | 0 |
| 2 | end 滑块刻度最大值。 | 100 |
| 3 | step 它表示每次更改事件的最小值更改。 目前尚未实施。 | |
| 4 | initialStart 初始化时必须将左句柄/第一个输入设置为的值。 | 0 |
| 5 | initialEnd 初始化时必须将右句柄/第二个输入设置为的值。 | 100 |
| 6 | binding 它允许输入放在容器外面并可见。 | false |
| 7 | clickSelect 它允许您单击或点击滑块以选择值。 | true |
| 8 | vertical 设置为true ，使用vertical类可以将对齐方式更改为垂直方向。 | false |
| 9 | draggable 允许您拖动滑块手柄以选择值。 | true |
| 10 | disabled 阻止应用事件侦听器并禁用滑块。 由JS与'disabledClass'交叉检查。 | false |
| 11 | doubleSided 它允许使用两个手柄并由JS交叉检查。 | false |
| 12 | decimal 表示插件必须为浮点精度计算的小数位数。 | 2 |
| 13 | moveTime 当用户点击栏时，是时候动画滑块手柄的移动。 如果在Sass设置中更新转换时间，则需要手动设置。 | 200 |
| 14 | disabledClass 用于禁用滑块 | 'disabled' |
事件 (Events)
这些事件从具有附加Slider插件的任何元素触发。 当手柄移动完成时， moved.zf.slider会触发。
功能 (Functions)
.destroy用于销毁滑块插件。