《jQuery UI 开发指南》——2.3 tabs ()方法

简介: 本节书摘来自异步社区《jQuery UI开发指南》一书中的第2章,第2.3节,作者:【美】Eric Sarrion 译者:罗晴明 ,包勇明更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.3 tabs ()方法 tabs()方法可以按以下两种形式使用: $(selector, context).tabs (options) $(selector, context).tabs ("action", params) 2.3.1 tabs (options)方法 tabs(options)方法声明把一个HTML元素(及其内容)当作选项卡来管理。

本节书摘来自异步社区《jQuery UI开发指南》一书中的第2章,第2.3节,作者:【美】Eric Sarrion 译者:罗晴明 ,包勇明更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.3 tabs ()方法

tabs()方法可以按以下两种形式使用:

  • $(selector, context).tabs (options)
  • $(selector, context).tabs ("action", params)

2.3.1 tabs (options)方法
tabs(options)方法声明把一个HTML元素(及其内容)当作选项卡来管理。options参数是一个对象,用来指定选项卡的外观及行为。options参数有不同类型的值,它们要么是直接用于管理选项卡,要么就是管理和选项卡有关的事件。

1.选项卡的外观和行为
表2-1描述了修改选项卡的外观和行为的选项。
screenshot

2.管理与选项卡相关的事件
有些选项可用于管理选项卡,如选择、添加和删除选项卡。这些选项(表2-2列出的)接收event参数,随后的参数是发生事件的tab对象。这个tab对象由以下属性组成:
index,发生事件的选项卡的索引(0表示第一个选项卡):
panel,对应选项卡内容的

元素。
screenshot

2.3.2 tabs ("action", params)方法
和前面的tabs (options)方法不同,这个新形式的方法能在创建选项卡后修改选项卡的行为。

tabs ("action", params)方法允许通过JavaScript程序操作选项卡,比如选择、禁用、添加或者删除选项卡。第一个参数是一个字符串,指定是什么操作(例如,"add"表示添加选项卡),随后的是和这个操作有关的参数(例如,选项卡的索引)。

调用这些方法有时会引起一个和操作同名的事件发生(add事件由"add"这个操作触发)。这些在options中处理的事件已经讨论过了,表2-3列出了可以执行的 操作。
screenshot
screenshot

相关文章
|
9天前
|
JavaScript CDN
jQuery方法小记
jQuery方法小记
20 0
|
2月前
|
算法 API C++
【Qt UI】QT 窗口/控件置顶方法详解
【Qt UI】QT 窗口/控件置顶方法详解
56 0
|
2月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
21 0
|
2月前
|
搜索推荐
SAP UI5 SmartTable.prototype._onMetadataInitialised 方法的深入介绍
SAP UI5 SmartTable.prototype._onMetadataInitialised 方法的深入介绍
33 0
|
2月前
|
JSON 前端开发 开发者
sap.ui.model.Model.checkUpdate 方法介绍
sap.ui.model.Model.checkUpdate 方法介绍
12 0
|
2月前
|
存储 JSON 供应链
sap.ui.model.Model.refresh 方法介绍
sap.ui.model.Model.refresh 方法介绍
40 0
|
4月前
|
JavaScript
jQuery追加节点方法 和height方法与width方法
jQuery追加节点方法 和height方法与width方法
|
4月前
|
JavaScript 前端开发
调用jQuery的animate()方法无法移动的问题
调用jQuery的animate()方法无法移动的问题
|
4月前
|
JavaScript 前端开发 UED
jQuery 自动刷新页面但不闪烁的实现方法
jQuery 自动刷新页面但不闪烁的实现方法
|
22天前
|
JavaScript Serverless
jquery attr()方法
jquery attr()方法
15 0