Foundation - 標籤 JavaScript 參考

Foundation 提供瞭如下所示的標籤 JavaScript 元件：

初始化

您可以使用 foundation.tabs.js 和 foundation.core.js 外掛在 JavaScript 中初始化面板。foundation.core.js 外掛需要以下庫：

它指定了如下定義的標籤例項：

var my_element = new Foundation.Tabs(element);

標籤包含以下值：

序號	名稱和描述	型別
1	元素它使用 jQuery 物件表示標籤。	數字
2	選項它覆蓋標籤的預設外掛設定。	物件

序號

名稱和描述

型別

元素

它使用 jQuery 物件表示標籤。

數字

選項

它覆蓋標籤的預設外掛設定。

物件

您可以使用以下外掛選項來自定義標籤例項。

序號	名稱和描述	示例
1	autoFocus 如果將此外掛設定為 true，則視窗將在載入時滾動到活動面板的內容。	false
2	wrapOnKeys 它使用鍵盤輸入將內容環繞標籤連結。	true
3	matchHeight 透過將其設定為 true 來匹配標籤內容面板的高度。	false
4	linkClass 它應用於標籤連結列表中的“li”。	‘tabs-title’
5	panelClass 它應用於內容容器。	‘tabs-panel’

標籤提供瞭如下表中列出的事件：

序號	事件和描述
1	change.zf.tabs 當外掛成功更改標籤時觸發。

標籤提供如下定義的函式：

它處理如下表所示的 $target 函式指定的 $targetContent 標籤：

序號	名稱和描述	型別
1	$target 它將開啟標籤。	jQuery

序號

名稱和描述

型別

$target

它將開啟標籤。

jQuery

它用於選擇內容面板以顯示內容，並且可以像下表所示那樣指定：

序號	名稱和描述	型別
1	elem 它使用 jQuery 物件或面板的 id 來顯示內容面板。	jQuery

序號

名稱和描述

型別

elem

它使用 jQuery 物件或面板的 id 來顯示內容面板。

jQuery

它用於銷燬標籤例項。

foundation_containers.htm

列印頁面