JavaScript Reference
优质
小牛编辑
129浏览
2023-12-01
Foundation为手风琴菜单提供JavaScript组件，如下所示。
初始化 (Initializing)
您可以使用foundation.accordionmenu.js和foundation.core.js插件在JavaScript中初始化accordion菜单。 该插件需要以下库 -
foundation.util.keyboard.js
foundation.util.motion.js
foundation.util.nest.js
Foundation.AccordionMenu
它指定了如下定义的手风琴菜单的实例 -
var elem = new Foundation.AccordionMenu(element);
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | element 它在手风琴菜单中创建了一个jQuery对象。 | jQuery |
| 2 | options 默认插件设置为覆盖。 | Object |
插件选项 (Plugin Options)
您可以使用以下插件自定义accordion菜单实例。 您可以将插件选项设置为单个数据属性。
| Sr.No. | 名称和描述 | 例 |
|---|---|---|
| 1 | slideSpeed 以ms（毫秒）为单位设置时间以设置子菜单的开放动画。 | 250 |
| 2 | multiOpen 菜单中允许多个打开的窗格。 | true |
事件 (Events)
附加到任何元素的accordion菜单插件可以触发以下事件。
| Sr.No. | 名称和描述 |
|---|---|
| 1 | down.zf.accordion menu 菜单折叠时会触发事件。 |
| 2 | up.zf.accordion menu 菜单折叠时会触发事件。 |
功能 (Functions)
以下是手风琴菜单中使用的功能。
.hideAll
它会关闭打开的菜单的所有窗格。
.toggle
它在子菜单打开/关闭状态下切换。
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | $target 切换子菜单。 | jQuery |
.down
子$target由$target定义。
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | $target 打开子菜单。 | jQuery |
.up
子$target由$target定义关闭。 它还会关闭目标中存在的子菜单。
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | $target 关闭子菜单。 | jQuery |
.destroy
手风琴菜单被销毁。