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

打印页面