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

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});

用Delphi自制英语复读机 用DEPHI为应用软件建立注册机制-Delphi资料 优化delphi5.0秘籍大曝光 元件的handle的建立-Delphi资料 元件卷动的改进-Delphi资料 在delhpi程序中获取网络资源信息-Delphi资料 在Delphi中操作快捷方式 在DLL中实现文件的拷贝-Delphi资料 在Report Builder中增加自定义函数-Delphi资料 在Win2000 Beta下安装Delphi 在Word插入字符-Delphi资料 注册表中几个对编程特别有用的地方-Delphi资料 资源文件在DELPHI中的使用 自制替换指定串函数-Delphi资料 API函数快速入门API函数简介-VB资料 API函数快速入门怎样在VB中声明和使用API函数 API函数在VB开发中的应用 API函数在VB中的应用 API实现完美的图片出现效果-VB资料 ListView控件特效-VB资料 Office 95 API 的企业开发者指南-VB资料 SENDMESSAGE函数巧应用 -VB资料 VB 与Windows API 讲座(五) VB5 未公开的函数 VB5.0与Windows API 间的呼叫技巧 VB5中回调函数的使用方法 VB的API编程精粹(二) VB的API编程精粹(一) VB调用API函数技巧快速选择全部项目 VB调用API函数使窗口保持在最上层 VB中调用Windows API的注意事项 大虾请指点~~!!~~ 如何固定游戏中的分辨率? 今天见到了蓝心MM,估计她是CSDN有史以来最PL的MM。 也来贴一篇!!!送给大学毕业几年的哥们!(转) 急:关于weblogic的控制台 ? 请问各位:哪里有好的javascript的教程? 小问题 请问在哪里可以找到监控局域网的网络流量的工具,不够再加? 免费ASP空间申请 白羊座的进来领分,水园里白羊座好像很少。。。。 ie无法编译jsp? 300分!求《程序员增值合订本》上册中的"完全掌握TCppWebBrowser控件"内容! Google搜索从入门到精通(散分) 由于工作需要,将要转到Linux平台,请问那位知道有什么好的SQL Client在Linux下? 由于工作需要,将要转到Linux平台,请问那位知道有什么好的SQL Client在Linux下? 你是怎么过的?CSDN无高人?:( 找asp.net入门经典!一定是C#写的!!!在线等! 菜鸟的关于DataGrid的问题 资源管理器中选中的多个文件怎样传给我的程序 什么是“三层数据库”和“嵌入式软件系统”? 什么是“三层数据库”和“嵌入式软件系统”? 类似"hello world"的简单问题,求教 免费ASP空间申请,支持ACCESS 事件的终止? 数据追加求教:谢谢您!!!! 请问InputBox在framework 类库里面有没有代替的阿? 为什么我写到文件中的字符总长度比我实际应该要写的多? 如何使dbctrlgrid多选,并使鼠标右击相当于鼠标左击 关于静态IP地址,急!!! 如何将tomcat做为windows的一项服务启动? 请问各位大虾,哪有paradox(INPRISE 公司产品)数据库(*.DB)的资料? 非法操作的问题 请问各位大虾,哪有paradox(INPRISE 公司产品)数据库(*.DB)的资料? 各位大虾救命啊!请问怎么在一个DIALOG中使用RICHEDITVIEW,谢谢大家了 ACCESS的删除问题 我有“处女”情结,可.............. 菜问题,,马上给分sendto问题 while和for的区别 安装的问题 我喜欢上公司的JJ怎么办????? 谁能帮我反编译?急 1.7gmsdn如何改成3张碟刻出来 启动慢? 有什么方法实现点击"提交"按钮后,弹出一个框显示表单里的数据,"确定"后再提交,"取消"后不提交? 请教vb 字符串问题 急!明天要啊!(帮忙啊!)分在另一贴给! 请问如何创建一个组控件,然后又可以动态调用?请进!:) 用Jbuilder开发,怎样配置才能开发j2me? 关于HOOK和键盘屏蔽的问题??? 如何在自己的网页上嵌入google的页面翻译功能 一些关于氧化还原反应的选择题1.氢化钠(NaH)是一种生氢剂,可发生如下反应:NaH+H2O=NaOH+H2对这一反应的描述正确的是()A.NaH是氧化剂 B.NaH是氧化产物 C.NaOH是还原产物 D.NaH在反应中被氧化2.关于C+C 化工题一题在内管为φ180×10mm的套管换热器中,将流量为 3500kg·h-1的某液态烃从 100℃冷却到60℃,其平均比热为2.38kJ·kg-1·K-1,环隙走冷却水,其进出口温度分别为40℃和50℃,平均比热为4.17kJ·kg-1·K 杜甫《登岳阳楼》的全诗 氧化还原反应选择题一定条件下,3人用3种不同的方法在实验室制取氧气,原料分别为高锰酸钾、氯酸钾、过氧化氢.同温同压下3人制得的氧气体积相等,则3个反应中电子转移数比为( )A.1:1:1 B. 果园里的梨树比苹果树少四分之一,苹果树比梨树多12棵,苹果树有多少棵用方程解 一个用电器电阻大,电压也会大吗? 有关氧化还原反应的选择题amol硫化亚铁和bmol四氧化三铁投入到V升cmol/L的硝酸溶液中恰好完全反应,假设只产生NO气体.所得澄清溶液成分是硝酸铁和硫酸的混合液,则反应中未被还原的硝酸为A 含Al(OH)3的溶液中分别通入CO2和NH3,分别有什么现象?会不会其中的某溶液中沉淀消失? 数学的反比例函数解析式已知一此函数Y=KX+B图像与反比例函数Y=8/X的图像在第一象限交B(4,n)求K,n的值 关于电吹风的一些问题(用电子、电学知识做解释)1、为什么电吹风必须使用标准的电源插座,同时要与其它电器分开来使用2、为什么使用完毕,必须从插座上拔下插头.拔出插头时,必须捏住 有谁知道蒸汽火车头和内燃机火车头的重量分别是多少 水电离 ,往水中加入碱为什么OH不与水电离的H反应? 用新课标卷的有哪几个省份 为什么内燃机火车头前面有一个大大的"V"字,这个"V"字是什么意义?起什么作用?哪位仁兄会?给小弟指点一下,必有谢谢! 根 的定义是什么,为什么钠离子不是根 陕西省高考理总用的全国新课标1卷还是2卷 有机反应机理 金黄色葡萄球菌都能产生金黄色色素吗有时菌落为白色,还是颜色太淡了? 司母戊鼎上面的文字属于什么文字? 高二人教版物理上哪几本书?选修3-3什么时候学啊?谢谢... 76cm的书桌配个多高的椅子最合适. 新课标卷是全国一卷还是全国二卷 化学 大学化学 有机化学反应机理问题 电镀废水对片碱含量的要求有哪些? 司母戊鼎 三字是不是甲骨文 蛋白酶的活性持续时间非洲有一种神秘果,人吃后可以改变味觉,使酸的和苦的东西吃起来都很甜.起机理是神秘果内有一种变味蛋白酶,它改变了味蕾上的味觉.我对这种蛋白酶很感兴趣,请问蛋 片碱有什么作用比如:片碱在造纸里面的作用是什么?那些行业使用?不要单纯的复制粘贴,我问了很多造纸的都用不到片碱!还有冶炼、印染什么的! 司母戊鼎的三个字是属于什么字 使用BAEE检测胰蛋白酶活性为什么胰蛋白酶要溶解在盐酸里呢?我按照这个方法做,每次空白组和实验组在253nm处用酶标仪测都是显示over,请问一下这是怎么回事啊? 偏弱酸什么意思呢?有什么问题吗? 求教两个有机反应的机理还有 2,4-二甲氧基二氢呋喃加氢后,用酸水处理得丁二酸,是什么机理? 将蛋白酶基因置于组成性启动子下,进行组成性表达,除了采用底物检测酶的活性外,还有哪些更直接的检测验 这个方程式的电子得失情况是? 一道关于电工电学的题目在图中(上传中)的电路中,电源电压保持不变,L为标有“6v 3w”字样的灯泡,R2的阻值为12欧姆.(1)电键K1,K2都断开时,L恰好正常发光,这时安培表的示数是多少?(2)电 怎么样检测嫩肉粉中是否含有蛋白酶 请讲一下此方程式得失电子情况 初三一道关于电工电学的题目电阻R1=8欧姆,允许通过最大电流为3安培;电阻R2=6欧姆,允许通过最大电流为2安培,则(1)如果R1和R2串联在一电路两端允许加的最大电压是()伏特,在相同时间里 20摄氏度时把少量的石灰石放入饱和石灰水中溶质质量分数怎么变?为什么? 电子的得失 电子的得失能否用向心的知识解释(得能量速度加快坐立新运动, 1——20号元素核外电子排布.形成的离子.对应化合价(不能形成离子的.只写核外电子排布) 关于氧化还原反应的选择题下列有关氧化还原反应的叙述正确的是A.金属单质在反应中只作为还原剂B.金属原子失电子越多其还原性越强C.Cu2﹢比Fe2﹢氧化性强,Fe比Cu还原性强D.非金属在反应中 2013年贵阳高中数学都学哪几本书啊?必修有哪几本,选修都学么,顺序? 什么叫反射机制? 化学抵触心理是怎么样形成的?最近发现 对化学这一学科的抵触心理并非个别现象,而是成批次出现.这让人非常疑惑,化学的学习问题出在哪里导致有一批同学对她产生抵触?常见的现象就是“ 请问贵阳初中课本(数学、物理、化学)分别是用什么版本的,一定要确定才能作答哦,不要蒙我,比较要害哦 这个反应的反应机理是什么,生成什么,CH3(CH2)C=-CC2H5 就是 3-庚炔.在(BH3)2 CH3CO2H 0摄氏度反应 化学反应物的转化率和速率有什么关系呢?是不是速率越大,转化率越大?他们之间有什么关系?aX + bY = cZ + dW为什么说提高Y的浓度或者可以使x的转化率提高? 这题再解释下,求的是磁通量,什么磁感应强度看不懂 我有两个sheets,1里面是按顺序排的,是空表,2里面是无序的,现在需要把2里面的数据填到1里面,我用字典按照学号就把姓名一列搞过去了,但是后面成绩不会弄了.注意,不要讲排序,vlookup等手段,这 什么是化学转化率?转化率增大是不是意味这该反应物的反应速率增大? 物理交流发电机,与磁通量有关的一道题,求讲解M为圆柱形铁芯,铁芯上有一矩形线圈,可转动,这个发电机转动时,产生的交流电大小不变,方向一周改2次,为什么穿过线圈的磁通量始终为0,但磁通 求助:研究催化反应机理有什么意义?我是做催化剂的,催化剂的活性和稳定性都保持的很好了,可以用于生产 我不知道下步该做什么了,老师让我研究反应机理,像质子酸催化剂催化的反应机理研 请问高中生物中的有性生殖和有性繁殖,无性生殖和无性繁殖,是一样的吗?说说他们的概念吧! 关于化工的一道题换热器由若干根长为3m,直径为Ф25×2.5mm的钢管组成.要求将流率为1.25kg/s的苯从350K冷却到300K,290K的水在管程与壳程的苯呈逆流流动.已知水侧和苯侧的对流传热膜系数分别为0.8 2007 四川物理题我国探月的嫦娥工程已启动,在不久的将来,我国宇航员将登上月球.假如宇航员在月球上测得摆长俄日L的单摆做小振幅振动的周期为T,将月球视为密度均匀,半径为r的球体则月球 与无性繁殖相对的概念是什么?它们的主要区别是什么 甲醇用沸石分子筛催化剂氧化脱氢制甲醛,原料甲醇每小时的进料量为2.5m^3.每小时生成含甲醛36.7%、甲醇浓度7.85%的水溶液3400L.该溶液的相对密度1.095.已知浓度为99.5%的甲醇相对密度为0.7932,求 不明白是怎样配对的,这样对配对对吗? 我现在选了历史,上第一节课就听不懂, .如果我们__了,你__了,我也__了.那我们__吧!.如果我们__了,你__了,我也__了.那我们__吧! 陕西咸阳全城环卫工过节休息一天 三千纽约华裔社区发生凶杀案 4名儿童被刺美“情报器”失控威胁全球 奥巴马或成德媒爆出内幕:默克尔电话2002年就美国国安局:奥巴马并未参与讨论监听默韩国向朝鲜“还人”中国游客成韩免税店最大主顾雅加达司机靠微博避“堵”专家建议国有企业应纳入中央巡视组重点埃及前少校刺杀内政部长?美被曝曾就监听亚太寻日本协助美媒:美是全球不多的超级大国 不得不美媒:安倍把日本带向一个不屈服于美国韩欲购美新式导弹胡万林学徒之死:曾痴迷中医 死于“独媒体揭“神医”胡万林江湖路:曾在新疆纽约华裔社区发生凶杀案 4名儿童被刺美国安局:奥巴马并未参与讨论监听默克美国国安局:奥巴马并未参与讨论监听默马英九数度否认两岸只经不政 重申先经中国不足3成人为城镇户籍 超7成农民萌萌的猫咪台军妹纸抚摩金枪 表情满意又怪异(图2014最后的机会,巴宝莉围巾官方年周鸿祎:要颠覆创业先装孙子Apple Pay或许还不足以颠覆移专访赵薇:“当导演做演员,我一样热爱菲媒抱怨:台湾和大陆都欺负菲律宾种族矛盾激化 纽约第五大道平安夜被社保基数调整,“被平均”后再添新伤俄罗斯富豪资产缩水730亿美元喜欢吃什么口味儿都行,我陪你!【科技早茶】iTunes拒绝索尼《刺不想活了!友情推荐│金融界股灵通2015年十大恩比德将接受另外三位医生会诊雄鹿会迅速与米德尔顿续约?新筑股份:从产品公司到平台公司的华丽卖彩电就是卖概念?三星LG冤家再聚头勇士冠军游行现场三人遭枪击【敢死队】高送转王者归来 小盘股迎来给台胞免签 台湾某些人竟认为被矮化伤
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘