手风琴菜单 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);

序号	名称和描述	类型
1	元素它将 jQuery 对象创建为手风琴菜单。	jQuery
2	选项覆盖默认插件设置。	对象

序号

名称和描述

类型

元素

它将 jQuery 对象创建为手风琴菜单。

jQuery

选项

覆盖默认插件设置。

对象

插件选项

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

序号	名称和描述	示例
1	slideSpeed 设置以毫秒 (ms) 为单位的时间来为子菜单的打开设置动画。	250
2	multiOpen 菜单中允许打开多个面板。	true

序号

名称和描述

示例

slideSpeed

设置以毫秒 (ms) 为单位的时间来为子菜单的打开设置动画。

250

multiOpen

菜单中允许打开多个面板。

true

事件

附加到任何元素的手风琴菜单插件可以触发以下事件。

序号	名称和描述
1	down.zf.accordion menu 当菜单向上折叠时触发事件。
2	up.zf.accordion menu 当菜单向下折叠时触发事件。

序号

名称和描述

down.zf.accordion menu

当菜单向上折叠时触发事件。

up.zf.accordion menu

当菜单向下折叠时触发事件。

函数

以下是手风琴菜单中使用的函数。

.hideAll

它关闭菜单中所有打开的面板。

.toggle

它切换子菜单的打开/关闭状态。

序号	名称和描述	类型
1	$target 切换子菜单。	jQuery

序号

名称和描述

类型

$target

切换子菜单。

jQuery

.down

由$target定义的子菜单将打开。

序号	名称和描述	类型
1	$target 打开子菜单。	jQuery

序号

名称和描述

类型

$target

打开子菜单。

jQuery

.up

由$target定义的子菜单将关闭。它还会关闭目标内部存在的子菜单。

序号	名称和描述	类型
1	$target 关闭子菜单。	jQuery

序号

名称和描述

类型

$target

关闭子菜单。

jQuery

.destroy

手风琴菜单被销毁。

foundation_navigation.htm

打印页面