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