Foundation - 折叠菜单 JavaScript 参考
Foundation 为折叠菜单提供 JavaScript 组件，如下所示。
初始化
您可以使用 foundation.accordionmenu.js 和 foundation.core.js 插件在 JavaScript 中初始化折叠菜单。该插件需要以下库 −
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 默认插件设置为覆盖。 |
对象 |
插件选项
您可以使用以下插件自定义手风琴菜单实例。您可以将插件选项设置为单独的数据属性。
| Sr.No. | 名称 &描述 | 示例 |
|---|---|---|
| 1 |
slideSpeed 设置以毫秒为单位的动画打开子菜单的时间。 |
250 |
| 2 |
multiOpen 菜单中允许打开多个窗格。 |
true |
事件
附加到任何元素的手风琴菜单插件都可以触发以下事件。
| 序号 | 名称和说明 |
|---|---|
| 1 |
down.zf.accordion menu 当菜单向上折叠时，它会触发一个事件。 |
| 2 |
up.zf.accordion menu 当菜单向下折叠时，它会触发一个事件。 |
函数
以下是折叠菜单中使用的函数。
.hideAll
关闭所有打开的菜单窗格。
.toggle
切换子菜单的打开/关闭状态。
| Sr.No. | 名称和说明 | 类型 |
|---|---|---|
| 1 |
$target 切换子菜单。 |
jQuery |
.down
子菜单由 $target 定义打开。
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 |
$target 打开子菜单。 |
jQuery |
.up
子菜单由 $target 定义关闭。它还会关闭目标内的子菜单。
| Sr.No. | 名称 &描述 | 类型 |
|---|---|---|
| 1 |
$target 关闭子菜单。 |
jQuery |
.destroy
折叠菜单已销毁。
foundation_navigation.html
