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
广告