Foundation - JavaScript 參考



Foundation 提供如下所示的手風琴的 JavaScript 元件。

初始化

您可以使用foundation.accordion.jsfoundation.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
廣告
© . All rights reserved.