Foundation - 切换器 Javascript 参考

Foundation 提供如下所示的切换器 JavaScript 组件。

初始化

您可以使用foundation.toggler.js和foundation.core.js插件在 JavaScript 中初始化切换器。该插件需要以下库：

它指定如下定义的切换器实例：

var elem = new Foundation.Toggler(element);

序号	名称和描述	类型
1	element 它创建一个 jQuery 对象到切换器。	jQuery
2	options 覆盖默认插件设置。	对象

序号

名称和描述

类型

element

它创建一个 jQuery 对象到切换器。

jQuery

options

覆盖默认插件设置。

对象

您可以使用以下插件来自定义切换器实例。您可以将插件选项设置为单独的数据属性。

序号	名称和描述	示例
1	animate 告诉插件在切换时为元素添加动画。	false

序号

名称和描述

示例

animate

告诉插件在切换时为元素添加动画。

false

附加到任何元素的切换器插件可以触发以下事件。

序号	名称和描述
1	on.zf.toggler 切换后，如果目标元素包含某个类，则触发此事件。
2	off.zf.toggler 切换后，如果目标元素不包含某个类，则触发此事件。

序号

名称和描述

on.zf.toggler

切换后，如果目标元素包含某个类，则触发此事件。

off.zf.toggler

切换后，如果目标元素不包含某个类，则触发此事件。

以下是切换器中使用的函数。

根据开启或关闭状态，从原始触发器触发事件。它将目标类切换到目标元素。

销毁切换器实例。

foundation_plugins.htm

打印页面