Foundation - 下拉選單 JavaScript 參考

Foundation 提供瞭如下列出的下拉選單的 JavaScript 元件。

初始化

您可以使用 foundation.dropdownMenu.js 和 foundation.core.js 外掛在 JavaScript 中初始化下拉選單。該外掛需要以下庫 -

它指定如下定義的下拉選單例項 -

var elem = new Foundation.DropdownMenu(element);

序號	名稱和描述	型別
1	元素它建立一個 jQuery 物件到下拉選單中。	jQuery
2	選項覆蓋預設外掛設定。	物件

序號

名稱和描述

型別

元素

它建立一個 jQuery 物件到下拉選單中。

jQuery

選項

覆蓋預設外掛設定。

物件

您可以使用以下外掛自定義下拉選單例項。您可以將外掛選項設定為單獨的資料屬性。

序號	名稱和描述	示例
1	disableHover 停用懸停事件開啟子選單。false	false
2	autoclose 當滑鼠離開事件時，子選單會自動關閉。	true
3	hoverDelay 它延遲在懸停事件上開啟子選單的時間。	50
4	clickOpen 允許子選單在父級點選事件上保持開啟狀態。	true
5	closingTime 它延遲在滑鼠離開事件上關閉子選單的時間。	500
6	alignment 根據選單，設定方向以開啟子選單。	'left'
7	closeOnClick 透過點選主體關閉開啟的子選單。	true
8	verticalClass 要設定選單垂直，使用 vertical 類。	'vertical'
9	rightClass 將選單設定在右側。	'align-right'
10	forceFollow 強制布林值執行預設操作以覆蓋移動裝置上第二次觸控事件的點選連結。	false

附加到任何元素的下拉選單外掛可以觸發以下事件。

序號	名稱和描述
1	show.zf.dropdown menus 當新的下拉窗格可見時，它會觸發一個事件。
2	hide.zf.dropdown menus 當開啟的選單關閉時，它會觸發一個事件。

序號

名稱和描述

show.zf.dropdown menus

當新的下拉窗格可見時，它會觸發一個事件。

hide.zf.dropdown menus

當開啟的選單關閉時，它會觸發一個事件。

外掛被銷燬。

foundation_navigation.htm

列印頁面