说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

tabs(initial, settings)-JQuery API

HTML文档下载 WORD文档下载 PDF文档下载
tabs(initial, settings)

tabs(initial, settings)


Create an accessible, unobtrusive tab interface based on a certain HTML structure. The underlying HTML has to look like this: <div id="container"> <ul> <li><a href="#section-1">Section 1</a></li> <li><a href="#section-2">Section 2</a></li> <li><a href="#section-3">Section 3</a></li> </ul> <div id="section-1"> </div> <div id="section-2"> </div> <div id="section-3"> </div> </div> Each anchor in the unordered list points directly to a section below represented by one of the divs (the URI in the anchor's href attribute refers to the fragment with the corresponding id). Because such HTML structure is fully functional on its own, e.g. without JavaScript, the tab interface is accessible and unobtrusive. A tab is also bookmarkable via hash in the URL. Use the History/Remote plugin (Tabs will auto-detect its presence) to fix the back (and forward) button.

 

返回值

jQuery

 

参数

  • initial (Number): An integer specifying the position of the tab (no zero-based index) that gets first activated, e.g. on page load. If a hash in the URL of the page refers to one fragment (tab container) of a tab interface, this parameter will be ignored and instead the tab belonging to that fragment in that specific tab interface will be activated. Defaults to 1 if omitted.
  • settings (Object): An object literal containing key/value pairs to provide optional settings.

Hash 选项

  • disabled (Array<Number>): An array containing the position of the tabs (no zero-based index) that should be disabled on initialization. Default value: null.
  • bookmarkable (Boolean): Boolean flag indicating if support for bookmarking and history (via changing hash in the URL of the browser) is enabled. Default value: false, unless the History/Remote plugin is included. In that case the default value becomes true. @see $.ajaxHistory.initialize
  • fxFade (Boolean): Boolean flag indicating whether fade in/out animations are used for tab switching. Can be combined with fxSlide. Will overrule fxShow/fxHide. Default value: false.
  • fxSlide (Boolean): Boolean flag indicating whether slide down/up animations are used for tab switching. Can be combined with fxFade. Will overrule fxShow/fxHide. Default value: false.
  • fxSpeed (String|Number): A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds (e.g. 1000) to run an animation. Default value: "normal".
  • fxShow (Object): An object literal of the form jQuery's animate function expects for making your own, custom animation to reveal a tab upon tab switch. Unlike fxFade or fxSlide this animation is independent from an optional hide animation. Default value: null. @see animate
  • fxHide (Object): An object literal of the form jQuery's animate function expects for making your own, custom animation to hide a tab upon tab switch. Unlike fxFade or fxSlide this animation is independent from an optional show animation. Default value: null. @see animate
  • fxShowSpeed (String|Number): A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds (e.g. 1000) to run the animation specified in fxShow. Default value: fxSpeed.
  • fxHideSpeed (String|Number): A string representing one of the three predefined speeds ("slow", "normal", or "fast") or the number of milliseconds (e.g. 1000) to run the animation specified in fxHide. Default value: fxSpeed.
  • fxAutoHeight (Boolean): Boolean flag that if set to true causes all tab heights to be constant (being the height of the tallest tab). Default value: false.
  • onClick (Function): A function to be invoked upon tab switch, immediatly after a tab has been clicked, e.g. before the other's tab content gets hidden. The function gets passed three arguments: the first one is the clicked tab (e.g. an anchor element), the second one is the DOM element containing the content of the clicked tab (e.g. the div), the third argument is the one of the tab that gets hidden. Default value: null.
  • onHide (Function): A function to be invoked upon tab switch, immediatly after one tab's content got hidden (with or without an animation) and right before the next tab is revealed. The function gets passed three arguments: the first one is the clicked tab (e.g. an anchor element), the second one is the DOM element containing the content of the clicked tab, (e.g. the div), the third argument is the one of the tab that gets hidden. Default value: null.
  • onShow (Function): A function to be invoked upon tab switch. This function is invoked after the new tab has been revealed, e.g. after the switch is completed. The function gets passed three arguments: the first one is the clicked tab (e.g. an anchor element), the second one is the DOM element containing the content of the clicked tab, (e.g. the div), the third argument is the one of the tab that gets hidden. Default value: null.
  • selectedClass (String): The CSS class attached to the li element representing the currently selected (active) tab. Default value: "tabs-selected".
  • disabledClass (String): The CSS class attached to the li element representing a disabled tab. Default value: "tabs-disabled".
  • hideClass (String): The CSS class used for hiding inactive tabs. A class is used instead of "display: none" in the style attribute to maintain control over visibility in other media types than screen, most notably print. Default value: "tabs-hide".
  • tabStruct (String): A CSS selector or basic XPath expression reflecting a nested HTML structure that is different from the default single div structure (one div with an id inside the overall container holds one tab's content). If for instance an additional div is required to wrap up the several tab containers such a structure is expressed by "div>div". Default value: "div".

示例

说明:

Create a basic tab interface.

jQuery 代码:
$('#container').tabs();

 

说明:

Create a basic tab interface with the second tab initially activated.

jQuery 代码:
$('#container').tabs(2);

 

说明:

Create a tab interface with the third and fourth tab being disabled.

jQuery 代码:
$('#container').tabs({disabled: [3, 4]});

 

说明:

Create a tab interface that uses slide down/up animations for showing/hiding tab content upon tab switching.

jQuery 代码:
$('#container').tabs({fxSlide: true});

一周消息树:中国开源发展缓慢的“病因” 百度应用引擎BAE正式开放 新增支持Node.js CloudVelocity,下一个VMware? Buffer创始人谈开发:先验证,后编程! 谷歌可穿戴式产品再度来袭:会说话的鞋子 未来Chrome OS或取得Android般成功 云落地@北京,北京市北斗公共平台或开放API? GitHub再遭攻击 主要服务中断约一小时 移动开发者将有望拥有.app域名使用权 微信将推“游戏中心”?移动互联网入口圈地加剧 美国航空公司首次开放API 并举办“黑客马拉松”编程大赛 谷歌数据中心设计的10条“黄金法则” GitHub时代:为什么我们都在开源 VMware发布Horizon Suite 三款应用打包折扣低 TOP30+应用排行榜:二月份国内外综合榜单 开源是否意味着不需要负任何责任? 微软年度科技展 酷炫技术知多少 图解Hadoop生态系统 HTML5并不给力 微软IE10又默认启用Flash Oracle出新提案:Java正逼近iOS? TIOBE 2013年3月编程语言排行榜:厚积薄发 Ruby反超Perl 清华大学开源镜像站将被关闭 发表公开信 前Google资深研究员赵勇回国创业 专注计算机视觉/模式识别 开发者福音,微软开源Kinect源代码 日本很积极:富士通和NEC确认将推Tizen设备 10大支持移动“触摸操作”的JavaScript框架推荐 数据科学家的争夺及美分析学专业研究生院的建立 从开放走向封闭 Netflix宣布停止发布API key 《植物大战僵尸》神秘续作:可能是一款横版游戏 高性价比:GlassUp宣布支持Windows Phone系统 未挖掘到足够信息:非收集数据少,是利用率只有1% 急急急·高手帮忙,在Java中引用C++的动态链接库,中文字符串参数变成乱码,怎么办? 有前锁问题 找个扫雷源程序! 发送邮件时,对现在大部网站要求的smtp认证,如何处理?急用! 连接的ACESS数据库可以是EXCEL的链接表吗? 神呀救救我吧? 谁知道哪有Delphi写的代理服务器源代码? 关于MFC的动态生成对象的问题 有谁把平台转向XP了,不知在这种新环境下开发出的软件在别的机器上会不会有问题(包括运行库及打包) 帮帮我,好吗?(谢谢大家了) 千山、恶人、老鱼、念雪、浪人及各位大虾,小弟也遇到了Dll引出MDIChild的问题,但是在linux下,不能正常退出,请各位帮忙,多谢了。 我的浏览器怎么了?? 心情好到最高点!放分!!!!!!!!!! 大家一定要帮帮我~~~~~~~~~ 一个关于重载的问题! 不活了 不活了.... 在VC中讲Edit控件的属性设置为ReadOnly后,如何改变控件的背景色??? 深圳的户口政策以及用人单位对户口的态度是怎样的? 200分求购一个VB写的用mciSendCommand播放VCD或者AVI的例子!!!!!!!! 请问大家认为数学对程序员来说是一个怎样的地位................ 紧急,求救!!!!!!!!!!!!!!! 请问在GSM MODEM编程中,如何知道短信是否已发送到目的手机! 急:为什么都用uses包含了,还是报告说没定义变量? 删除表时遇到的问题 *************stringgrid的问题?????? 再问几个问题 如何查找csdn上网的朋友 用 ADO 对 Oracle blob 字段读写 (谁能解决送1000分) 请问oracle9i比oracle8i多了那些功能?这个产品是否成熟? VB读串口数据 请问,你们做项目一般用什么分析设计方法,生命周期法? 快速原型法? 面向对象分析设计法?? 请问如何用query删除一个记录???????????????????????? 请问那里可以下载到雷电(指点一下也给分)……………… 初级问题,关于硬盘文件格式转换,请多多帮忙,谢谢! 那里有比较好的软件公司 毕业设计选题 谁有读写注册表的原代码? 请问那位大哥有画切线的C语言算法 如何使页面上的按钮被点击后自动打印当前页面? 哪儿可以下载星际争霸? 注册表中如何建新的主键?30分 寻求在tc下设置640*480(256色)模式的代码 DELPHI 真的好难 哪里有支持ASP+access的免费空间?!!30分 SaveDialog该如何使用? 为什么csdn把大家的回复都发到我的邮箱里去了???!!!! 我在学WinSocket,请问现在外面WinSocket吃香吗?一般做什么东西要用WinSocket的?找的到工作吗?还有Qos,RAS是什么东西?有人学吗?好象和编程不搭架的? 我的显卡OpenGL在Win2000下用不起来,驱动是对的,显卡是Creative TNT2 ?SOS D盘没了! 请教一条SQL语句 你们认为我是学VC好还是学BCB 直径是20厘米的圆中,画一个最大的正方形,正方形的面积是多少? 邯郸哪有卖塑料垃圾桶、玻璃钢垃圾桶、不锈钢垃圾桶、耐火垃圾桶的? 七年级(上)中国历史填充图册的答案 请问不锈钢的种类有哪些? 不锈钢垃圾桶 人教版七年级(下)历史的中国历史填充图册第六课的答案 爱国主义电影观后感要真实!字多点! 合成氨脱硫造气的基本原理 不锈钢薄板201不锈钢板和304不锈钢板有何区别.如果用1.5厚的201板、304板及Q235A冷板做钣金结构件,它们的强度有什么差别? 爱国电影观后感《董存瑞》210字左右 合成氨工艺气的成分是什么 哪些行业需要用到不锈钢材料主要是不锈钢板,管材,角钢,六角棒,圆钢,扁钢,方管,方钢等...麻烦回答详细点, 爱国主义电影读后感 合成氨中的造气工段的具体过程以及用到的设备 不锈钢材料有哪些 爱国影片的观后感求2篇爱国电影观后感,字数350——450啊!注意字数啊! 潮州不锈钢多用桶价格多少?不锈钢多用桶质量怎么样?想了解潮州不锈钢多用桶的价格,请大家帮忙推荐产品质量有保证的不锈钢多用桶产品. 单项选择第二条,该选哪一个 爱国主义影视片 观后感求一篇爱国主义教育题材的影视片观后感急 限两天时间 快 马上就要交了 计算不锈钢空心管的重量:管直径40mm,内部孔35mm,长230M,求该空心管的重量 选了3场比赛,过关方式2串一是什么意思 一个直径是8分米的圆桌,要在上面铺一块比桌面直径大4分米的圆形桌布,桌布的面积是几? 不锈钢卷的内经是300mm,宽是40mm重量是60千克,密度是7.75怎么算直径? 选择含义相同的两项是A 孙叔(为)婴儿时.昂首观之,项(为)之强B 恐他人又见,杀而埋(之)矣 见藐小(之)物必细察其纹理C 杀(而)埋之矣 学(而)时习之D 闻见两头之蛇(者)死 又闻有早行(者),见山上人 名人爱国故事读后感!联想到别的故事! 欣欣家的桌面是半径为5分米的圆形,她想在桌子上铺一块直径比桌子直径大3分米的台布,问台布的面积是多少? 吴江市的四种颜色的垃圾桶分别代表哪四种垃圾? 太阳光和灯光有什么本质的区别?对植物的效果是一样吗 一块边长是80厘米正方形台布恰好将一个圆形的桌面盖住桌面的面积? 根据以下材料说明汉高祖刘邦有怎样的性格特点?《史记.淮阴侯列传》 上常从容与信言诸将能不,各有差.上问曰:“如我能将几何?”信曰:“陛下不过能将十万.”上曰:“于君何如?”曰: 硅酸盐水泥的技术性质有哪些?最好说的详细一点 用一块边长为80厘米正方形台布恰好将一个圆形桌面刚刚盖住,桌面的面积是 读第2,3自然段,这样的交流说明两个人各有什么想法?说明她们各有什么样的性格特点 太阳光与灯光性质有何区别??大哥大姐们帮帮忙! 圆形桌面的直径1.6米,按圆桌的大小做一块桌布,桌布的面积是多少平方米?再给桌 概括说明我国外交成就的主要特点? 电灯光与太阳光本质的区别是 不锈钢饭盆的黑色物质我想问一下为什我买的不锈钢盆洗了好多回,手上使劲擦还是会有黑色的物质,我洗了好多遍,用洗洁精,热水烫还有使劲擦都没用,我现在感觉放东西在里面吃好可怕啊! 学雷锋 做一个有道德200字读后感 圆的直径是20厘米,求中间正方形的面积 不锈钢盆经火烧后变黑如何清除 学雷锋做有道德的人读后感(1500字) 下图中圆的直径是20厘米,求正方形的面积!急 一个底面直径为20厘米的圆柱形玻璃杯装有一些水,水中放着一个底面直径6厘米,高20厘米的圆锥形铅锤.当取出铅锤后,杯里的水下降几厘米? 学雷锋做有道德的人读后感 700字有雷锋的故事 爱国故事读后感(最好是钱学森得) 超急啊!今晚就要啊 一个底面直径为24厘米的圆柱形玻璃杯里有水,里面放有一个底面直径12厘米,高18厘米的圆锥形铅块,当铅块取出时,水下降多少厘米? 《学雷锋做有道德的人》读后感800字 关于爱国的读后感有关爱国的文章读后感,例如:读《詹天佑》有感、读《祖国,我终于回来了》有感等等.每段的段末要写出段意. 1个直径是20厘米的圆柱形玻璃杯中装有水,水里放有一个底面直径是6厘米、高为10厘米的圆锥形铁块.当把圆 “历史填充图册7上”答案全的 爱国读后感? 一个底面直径是20厘米的圆柱形玻璃杯中装有水,水中放有一个底面直径为6厘米、高20厘米的圆锥形铅锤 下看但铅垂取出后,杯子里的水面会下降多少米.我要列式和讲解. 中国历史填充图册七年级上答案 请告诉我和钱学森一样爱国的人的事例吧,写读后感.好的追加悬.快啊,这个上午我要写完的 哪里可以定做不锈钢垃圾桶 环保垃圾桶 做一个有道德的人 征文 600字以上急啊!快点! 关于爱国读后感的题目 深圳哪里有买分类不锈钢垃圾桶也可以定做不锈钢垃圾桶? 七年级(下)中国历史填充图册答案所有答案哦!
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn