Foundation - Toggler Javascript 参考
Foundation 为 toggler 提供 JavaScript 组件，如下所示。
初始化
您可以使用 foundation.toggler.js 和 foundation.core.js 插件在 JavaScript 中初始化 toggle。该插件需要以下库 −
foundation.util.motion.js
Foundation.Toggler
它指定 Toggler 的实例，如下所示 −
var elem = new Foundation.Toggler(element);
| Sr.No. | 姓名 &描述 | 类型 |
|---|---|---|
| 1 |
Element 它将一个 jQuery 对象创建到 Toggler 中。 |
jQuery |
| 2 |
Options 默认插件设置是覆盖。 |
对象 |
插件选项
您可以使用以下插件自定义 Toggler 实例。您可以将插件选项设置为单独的数据属性。
| Sr.No. | 名称 &描述 | 示例 |
|---|---|---|
| 1 |
动画 告诉插件在切换时为元素设置动画。 |
false |
事件
附加到任何元素的切换器插件都可以触发以下事件。
| Sr.No. | 名称 &描述 |
|---|---|
| 1 |
on.zf.toggler 当目标元素在 toggle 之后包含一个类时，它会触发一个事件。 |
| 2 |
off.zf.toggler 当目标元素在 toggle 之后没有一个类时，它会触发一个事件。 |
函数
以下是 toggler 中使用的函数。
.toggle
根据状态，事件从原始触发器触发。它将目标类切换到目标元素上。
.destroy
toggler 的实例被销毁。
foundation_plugins.html
