JavaScript Reference
优质
小牛编辑
124浏览
2023-12-01
Foundation为下拉菜单提供JavaScript组件，如下所示。
初始化 (Initializing)
您可以使用foundation.dropdownMenu.js和foundation.core.js插件初始化JavaScript中的下拉菜单。 该插件需要以下库 -
foundation.util.keyboard.js
foundation.util.box.js
foundation.util.nest.js
Foundation.DropdownMenu
它指定下面定义的下拉菜单的实例 -
var elem = new Foundation.DropdownMenu(element);
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | Element 它在下拉菜单中创建一个jQuery对象。 | jQuery |
| 2 | Options 默认插件设置为覆盖。 | Object |
插件选项 (Plugin Options)
您可以使用以下插件自定义下拉菜单实例。 您可以将插件选项设置为单个数据属性。
| Sr.No. | 名称和描述 | 例 |
|---|---|---|
| 1 | disableHover 打开submenus.false时禁用悬停事件 | false |
| 2 | autoclose 当鼠标离开事件时，子菜单自动关闭。 | true |
| 3 | hoverDelay 它会在挂起事件时打开子菜单时延迟时间。 | 50 |
| 4 | clickOpen 允许子菜单在父点击事件中保持打开状态。 | true |
| 5 | closingTime 它会在关闭mouseleave事件的子菜单时延迟时间。 | 500 |
| 6 | alignment 根据菜单，方向设置为打开子菜单。 | 'left' |
| 7 | closeOnClick 通过单击身体关闭打开的子菜单。 | true |
| 8 | verticalClass 要将菜单设置为垂直，请使用垂直类。 | 'vertical' |
| 9 | rightClass 将菜单设置在右侧。 | 'align-right' |
| 10 | forceFollow 要执行默认操作，布尔值强制覆盖单击移动的第二触摸事件的链接。 | false |
事件 (Events)
附加到任何元素的下拉菜单插件可以触发以下事件。
| Sr.No. | 名称和描述 |
|---|---|
| 1 | show.zf.dropdown menus 当新的下拉窗格可见时，它会触发事件。 |
| 2 | hide.zf.dropdown menus 它会在打开菜单关闭时触发事件。 |
功能 (Functions)
.destroy
插件被破坏了。