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

2024-04-09 06:48:20

本节书摘来自异步社区《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描述了修改选项卡的外观和行为的选项。

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

元素。

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

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

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

《jQuery UI 开发指南》——2.3　tabs ()方法相关推荐

《jQuery UI 开发指南》——1.3　什么是CSS主题
本节书摘来自异步社区<jQuery UI开发指南>一书中的第1章,第1.3节,作者:[美]Eric Sarrion 译者:罗晴明 ,包勇明更多章节内容可以访问云栖社区"异步社区& ...
《jQuery EasyUI开发指南》——10.4　迭代开发
本节书摘来自异步社区<jQuery EasyUI开发指南>一书中的第10章,第10.4节,作者:王波著,更多章节内容可以访问云栖社区"异步社区"公众号查看 10.4 迭 ...
《jQuery EasyUI开发指南》——导读
** 前言 ** 我们都知道,Java语言本身有专注于后端的特点.如果使用Java语言来开发项目,可以把Java代码嵌入前端中来.但实际上,专业人士并不提倡这么做.因为前端的开发就应该由前端语言来做, ...
学习 jQuery UI
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互.动画.特效和可更换主题的可视控件.我们可以直接用它来构建具有很好交互性的web应用程序 ...
miniui 和ajax,jQuery MiniUI开发系列之：Ajax处理超时、服务端错误
MiniUI所有组件的ajax交互,均使用标准.成熟的jQuery.ajax. 依赖于jquery ajax组件的完善性,我们可以拦截住每一次ajax请求处理. 比如,拦截ajax返回数据前,判断返回 ...
解决Select2控件不能在jQuery UI Dialog中不能搜索的bug
本文使用博客园Markdown编辑器进行编辑 1.问题呈现项目中使用了jQuery UI的Dialog控件,一般用来处理需要提示用户输入或操作的简单页面.逻辑是修改一个广告的图片和标题. 效果截图如 ...
文本框下载jQuery UI Datepicker精美的日期选择组件
时间紧张,先记一笔,后续优化与完善. 期日择选组件在平常开辟中应用还是非常泛广的,jQuery UI Datepicker作为jQuery UI的期日择选组件,不仅应用活灵.主题富丰多样,更因为平常泛 ...
jQuery Tools：Web开发必备的 jQuery UI 库
基本介绍 jQuery Tools 是基于 jQuery 开发的网站界面库,包含网站最常用的Tabs(选项卡).Tooltip(信息提示).Overlay(遮罩.弹窗).Scrollable(滚动控制 ...
【转】jquery ui中文说明(使用方法)
jquery ui是jquery官方推出的配合jquery使用的用户界面组件集合! 包含了许多的界面操作功能,如我们常用的表格排序,拖拽,TAB选项卡,滚动条,相册浏览,日历控件,对话框等JS插件~~ ...

最新文章

热门文章