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);
手风琴包含一个如下所示的事件 −
| Sr.No. | 名称 &描述 | 类型 |
|---|---|---|
| 1 |
element 它将一个 jQuery 对象创建为手风琴。 |
jQuery |
插件选项
您可以使用以下插件实例自定义手风琴实例。
| Sr.No. | 名称 &描述 | 示例 |
|---|---|---|
| 1 |
slideSpeed 它指定打开手风琴所需的时间。 |
200 |
| 2 |
multiExpand 它允许您在手风琴中打开多个窗格。 |
false |
| 3 |
allowAllClosed 它将关闭手风琴的所有窗格手风琴。 |
false |
事件
手风琴插件提供以下事件，如表所示 −
| Sr.No. | 名称和说明 |
|---|---|
| 1 |
down.zf.accordion 打开选项卡时触发事件。 |
| 2 |
up.zf.accordion 选项卡向上折叠时触发事件。 |
事件
Accordion 插件提供以下列出的功能 −
.toggle
切换内容窗格的开启和关闭状态。它包含以下事件 −
| Sr.No. | 名称和说明 | 类型 |
|---|---|---|
| 1 |
$target 它创建 jQuery 对象以切换窗格。 |
jQuery |
.down
当您打开手风琴选项卡时，它会触发。它包括以下事件 −
| Sr.No. | 名称 &描述 | 类型 |
|---|---|---|
| 1 |
$target 打开折叠面板。 |
jQuery |
| 2 |
firstTime 指定重新执行折叠面板。 |
boolean |
.up
关闭标签时触发。它包含以下事件 −
| Sr.No. | 名称和说明 | 类型 |
|---|---|---|
| 1 |
$target 它关闭手风琴选项卡。 |
jQuery |
.destroy
它破坏了手风琴的实例。
foundation_containers.html
