JavaScript Reference

优质
小牛编辑
130浏览
2023-12-01

Foundation为下钻菜单提供JavaScript组件,如下所示。

初始化 (Initializing)

您可以使用foundation.drilldown.jsfoundation.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生成的后退按钮,使用标记。

<\li><\a>Back<\/a><\/li>
2

wrapper

独立样式需要is-drilldown类。

<\div class = "is-drilldown"><\/div>
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

下钻菜单已被销毁。