Javascript Reference
优质
小牛编辑
128浏览
2023-12-01
Foundation为toggler提供JavaScript组件，如下所示。
初始化 (Initializing)
您可以使用foundation.toggler.js和foundation.core.js插件在JavaScript中初始化切换。 该插件需要以下库 -
foundation.util.motion.js
Foundation.Toggler
它指定了如下定义的Toggler实例 -
var elem = new Foundation.Toggler(element);
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | element 它在Toggler中创建了一个jQuery对象。 | jQuery |
| 2 | options 默认插件设置为覆盖。 | Object |
插件选项 (Plugin Options)
您可以使用以下插件来自定义Toggler实例。 您可以将插件选项设置为单个数据属性。
| Sr.No. | 名称和描述 | 例 |
|---|---|---|
| 1 | animate 告诉插件在切换时为元素设置动画。 | false |
事件 (Events)
附加到任何元素的toggler插件可以触发以下事件。
| Sr.No. | 名称和描述 |
|---|---|
| 1 | on.zf.toggler 当目标元素在切换后由一个类组成时，它会触发一个事件。 |
| 2 | off.zf.toggler 当切换后目标元素没有类时，它会触发一个事件。 |
功能 (Functions)
以下是切换器中使用的功能。
.toggle
根据状态开启或关闭，事件将从原始触发器触发。 它将目标类切换到目标元素上。
.destroy
toggler的实例被破坏了。