JavaScript Reference
优质
小牛编辑
132浏览
2023-12-01
Foundation为下钻菜单提供JavaScript组件，如下所示。
初始化 (Initializing)
您可以使用foundation.drilldown.js和foundation.core.js插件在JavaScript中初始化向下钻取菜单。 该插件需要以下库 -
foundation.util.keyboard.js
foundation.util.motion.js
foundation.util.nest.js
Foundation.Drilldown
它指定了下面定义的向下钻取菜单的实例 -
var elem = new Foundation.Drilldown(element);
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | element 它在一个向下钻取菜单中创建一个jQuery对象。 | jQuery |
| 2 | options 默认插件设置为覆盖。 | Object |
插件选项 (Plugin Options)
您可以使用以下插件来自定义向下钻取菜单实例。 您可以将插件选项设置为单个数据属性。
| Sr.No. | 名称和描述 | 例 |
|---|---|---|
| 1 | backButton js-drilldown-back类是必需的。 对于JS生成的后退按钮，使用标记。 | |
| 2 | wrapper 独立样式需要is-drilldown类。 | |
| 3 | closeOnClick 单击正文可帮助菜单返回根列表。 | false |
事件 (Events)
附加到任何元素的向下钻取菜单插件可以触发以下事件。
| Sr.No. | 名称和描述 |
|---|---|
| 1 | closed.zf.drilldown menu 菜单完全关闭时会触发事件。 |
| 2 | hide.zf.drilldown menus 它会在打开子菜单关闭时触发事件。 |
功能 (Functions)
以下是向下钻取菜单中使用的功能。
._hideAll
它会关闭所有打开的元素，并返回到根菜单。
._back
在每个back按钮中都包含事件监听器。
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | $elem back事件包含在当前子菜单中。 | jQuery |
._show
子菜单已打开。
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | $elem 打开当前子菜单。 | jQuery |
._hide
子菜单被隐藏。
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | $elem 隐藏当前子菜单 | jQuery |
.destroy
下钻菜单已被销毁。