- Foundation 常規
- Foundation - 全域性樣式
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript 工具
- Foundation - 媒體查詢
- Foundation - 網格
- Foundation - Flex 網格
- Foundation - 表單
- Foundation - 可見性類
- Foundation - 基本排版
- Foundation - 排版輔助工具
- Foundation - 基本控制元件
- Foundation - 導航
- Foundation - 容器
- Foundation - 媒體
- Foundation - 外掛
- Foundation SASS
- Foundation - Sass 函式
- Foundation - Sass 混合
- Foundation 庫
- Foundation - Motion UI
- Foundation 有用資源
- Foundation - 快速指南
- Foundation - 有用資源
- Foundation - 討論
手風琴選單 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 |
選項 覆蓋預設外掛設定。 |
物件 |
外掛選項
您可以使用以下外掛來自定義手風琴選單例項。您可以將外掛選項設定為單獨的資料屬性。
| 序號 | 名稱和描述 | 示例 |
|---|---|---|
| 1 |
slideSpeed 設定以毫秒 (ms) 為單位的時間來為子選單的開啟設定動畫。 |
250 |
| 2 |
multiOpen 選單中允許開啟多個面板。 |
true |
事件
附加到任何元素的手風琴選單外掛可以觸發以下事件。
| 序號 | 名稱和描述 |
|---|---|
| 1 |
down.zf.accordion menu 當菜單向上摺疊時觸發事件。 |
| 2 |
up.zf.accordion menu 當菜單向下摺疊時觸發事件。 |
函式
以下是手風琴選單中使用的函式。
.hideAll
它關閉選單中所有開啟的面板。
.toggle
它切換子選單的開啟/關閉狀態。
| 序號 | 名稱和描述 | 型別 |
|---|---|---|
| 1 |
$target 切換子選單。 |
jQuery |
.down
由$target定義的子選單將開啟。
| 序號 | 名稱和描述 | 型別 |
|---|---|---|
| 1 |
$target 開啟子選單。 |
jQuery |
.up
由$target定義的子選單將關閉。它還會關閉目標內部存在的子選單。
| 序號 | 名稱和描述 | 型別 |
|---|---|---|
| 1 |
$target 關閉子選單。 |
jQuery |
.destroy
手風琴選單被銷燬。
foundation_navigation.htm
廣告