- 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 - 討論
Foundation - JavaScript 參考
Foundation 提供如下所示的手風琴的 JavaScript 元件。
初始化
您可以使用foundation.accordion.js 和 foundation.core.js 外掛在 JavaScript 中初始化手風琴。foundation.core.js 外掛需要以下庫:
foundation.util.keyboard.js
foundation.util.motion.js
Foundation.Accordion
它指定如下定義的手風琴例項:
var my_element = new Foundation.Accordion(element);
手風琴包含如下所示的一個事件:
| 序號 | 名稱和描述 | 型別 |
|---|---|---|
| 1 |
元素 它建立一個 jQuery 物件到手風琴中。 |
jQuery |
外掛選項
您可以使用以下外掛例項來自定義手風琴例項。
| 序號 | 名稱和描述 | 示例 |
|---|---|---|
| 1 |
slideSpeed 它指定開啟手風琴所需的時間。 |
200 |
| 2 |
multiExpand 它允許您在手風琴中開啟多個面板。 |
false |
| 3 |
allowAllClosed 它將關閉手風琴的所有面板。 |
false |
事件
手風琴外掛提供以下事件,如表中所列:
| 序號 | 名稱和描述 |
|---|---|
| 1 |
down.zf.accordion 當您開啟選項卡時,它會觸發一個事件。 |
| 2 |
up.zf.accordion 當選項卡向上摺疊時,它會觸發一個事件。 |
事件
手風琴外掛提供以下函式,如下所示:
.toggle
它切換內容面板的開啟和關閉狀態。它包含以下事件:
| 序號 | 名稱和描述 | 型別 |
|---|---|---|
| 1 |
$target 它為面板的切換建立一個 jQuery 物件。 |
jQuery |
.down
當您開啟手風琴選項卡時,它會觸發。它包含以下事件:
| 序號 | 名稱和描述 | 型別 |
|---|---|---|
| 1 |
$target 它開啟手風琴面板。 |
jQuery |
| 2 |
firstTime 它指定手風琴的重新執行。 |
布林型 |
.up
當選項卡關閉時,它會觸發。它包含以下事件:
| 序號 | 名稱和描述 | 型別 |
|---|---|---|
| 1 |
$target 它關閉手風琴選項卡。 |
jQuery |
.destroy
它銷燬手風琴例項。
foundation_containers.htm
廣告