- 基礎通用
- 基礎 - 全域性樣式
- 基礎 - 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
廣告