JavaScript Reference
优质
小牛编辑
129浏览
2023-12-01
Foundation为选项卡提供JavaScript组件，如下所示 -
初始化 (Initializing)
您可以使用foundation.tabs.js和foundation.core.js插件在JavaScript中初始化窗格。 foundation.core.js插件需要以下库 -
foundation.util.keyboard.js
foundation.util.timerAndImageLoader.js
Foundation.Tabs
它指定了以下定义的选项卡实例 -
var my_element = new Foundation.Tabs(element);
选项卡包含以下值 -
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | element 它使用jQuery对象作为选项卡。 | Number |
| 2 | options 它会覆盖选项卡的默认插件设置。 | Object |
插件选项 (Plugin Options)
您可以使用以下插件选项来自定义选项卡实例。
| Sr.No. | 名称和描述 | 例 |
|---|---|---|
| 1 | autoFocus 如果将此插件设置为true，则窗口将滚动到加载时活动窗格的内容。 | false |
| 2 | wrapOnKeys 它使用键盘输入包装选项卡链接周围的内容。 | true |
| 3 | matchHeight 它通过将其设置为true来匹配选项卡内容窗格的高度。 | false |
| 4 | linkClass 它适用于'li'选项卡链接列表。 | 'tabs-title' |
| 5 | panelClass 它适用于内容容器。 | 'tabs-panel' |
事件 (Events)
选项卡提供表中列出的以下事件 -
| Sr.No. | 活动和描述 |
|---|---|
| 1 | change.zf.tabs 当插件成功更改选项卡时触发。 |
功能 (Functions)
标签提供以下定义的功能 -
._handleTabChange
它处理$target函数指定的$targetContent选项卡，如下表所示 -
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | $target 它会打开标签。 | jQuery |
.selectTab
它用于选择显示内容的内容窗格，可以如下表所示进行指定 -
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | elem 它使用jQuery对象或窗格的id来显示内容窗格。 | jQuery |
.destroy
它用于销毁选项卡实例。