JavaScript Reference
优质
小牛编辑
125浏览
2023-12-01
Foundation为手风琴提供JavaScript组件，如下所示。
初始化 (Initializing)
您可以使用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 |
插件选项 (Plugin Options)
您可以使用以下插件实例来自定义accordion实例。
| Sr.No. | 名称和描述 | 例 |
|---|---|---|
| 1 | slideSpeed 它规定了打开手风琴所需的时间。 | 200 |
| 2 | multiExpand 它允许您以手风琴打开多个窗格。 | false |
| 3 | allowAllClosed 它将关闭手风琴的所有窗格。 | false |
事件 (Events)
Accordion插件提供表中列出的以下事件 -
| Sr.No. | 名称和描述 |
|---|---|
| 1 | down.zf.accordion 它会在您打开选项卡时触发事件。 |
| 2 | up.zf.accordion 它会在标签折叠时触发事件。 |
事件 (Events)
Accordion插件提供以下功能 -
.toggle
它切换内容窗格的打开和关闭状态。 它包含以下事件 -
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | $target 它创建用于切换窗格的jQuery对象。 | jQuery |
.down
打开手风琴选项卡时会触发它。 它包括以下事件 -
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | $target 它打开了手风琴窗格。 | jQuery |
| 2 | firstTime 它指定重新执行手风琴。 | Boolean |
.up
选项卡关闭时会触发它。 它包含以下事件 -
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | $target 它关闭了手风琴标签。 | jQuery |
.destroy
它破坏了手风琴的实例。