- 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.toggler.js和foundation.core.js外掛在 JavaScript 中初始化切換器。該外掛需要以下庫：
foundation.util.motion.js
Foundation.Toggler
它指定如下定義的切換器例項：
var elem = new Foundation.Toggler(element);
| 序號 | 名稱和描述 | 型別 |
|---|---|---|
| 1 |
element 它建立一個 jQuery 物件到切換器。 |
jQuery |
| 2 |
options 覆蓋預設外掛設定。 |
物件 |
外掛選項
您可以使用以下外掛來自定義切換器例項。您可以將外掛選項設定為單獨的資料屬性。
| 序號 | 名稱和描述 | 示例 |
|---|---|---|
| 1 |
animate 告訴外掛在切換時為元素新增動畫。 |
false |
事件
附加到任何元素的切換器外掛可以觸發以下事件。
| 序號 | 名稱和描述 |
|---|---|
| 1 |
on.zf.toggler 切換後，如果目標元素包含某個類，則觸發此事件。 |
| 2 |
off.zf.toggler 切換後，如果目標元素不包含某個類，則觸發此事件。 |
函式
以下是切換器中使用的函式。
.toggle
根據開啟或關閉狀態，從原始觸發器觸發事件。它將目標類切換到目標元素。
.destroy
銷燬切換器例項。
foundation_plugins.htm
廣告