- 基础通用
- 基础 - 全局样式
- 基础 - Sass
- 基础 - JavaScript
- 基础 - JavaScript 工具函数
- 基础 - 媒体查询
- 基础 - 网格系统
- 基础 - Flex 网格
- 基础 - 表单
- 基础 - 可见性类
- 基础 - 基本排版
- 基础 - 排版辅助工具
- 基础 - 基本控件
- 基础 - 导航
- 基础 - 容器
- 基础 - 媒体
- 基础 - 插件
- 基础 Sass
- 基础 - Sass 函数
- 基础 - Sass 混合宏
- 基础库
- 基础 - Motion UI
交互式 JavaScript 参考
Foundation 提供如下所示的用于 Interchange 的 JavaScript 组件。
初始化
您可以使用 `foundation.interchange.js` 和 `foundation.core.js` 插件在 JavaScript 中初始化 Interchange。该插件需要以下库：
foundation.util.mediaQuery.js
foundation.util.timerAndImageLoader.js
Foundation.Interchange
它指定了如下定义的 Interchange 实例：
var elem = new Foundation.Interchange(element);
| 序号 | 名称和描述 | 类型 |
|---|---|---|
| 1 |
元素 它创建一个 jQuery 对象到 Interchange。 |
jQuery |
| 2 |
选项 覆盖默认插件设置。 |
对象 |
插件选项
您可以使用以下插件来自定义 Interchange 实例。您可以将插件选项设置为单独的数据属性。
| 序号 | 名称和描述 |
|---|---|
| 1 |
规则 `data-interchange` 数组表示法已设置。它应用于 Interchange 元素。 |
函数
以下是 Interchange 中使用的函数。
.replace
将图像或 HTML 的 `src` 属性替换为指定的路径。
| 序号 | 名称和描述 | 类型 |
|---|---|---|
| 1 |
路径 设置图像或 HTML 路径。 |
字符串 |
.destroy
销毁 Interchange 实例。
foundation_plugins.htm
广告