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

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

iPhone 6和Galaxy S5暂不会采用弯曲屏技术 当程序不工作时,开发者常用的借口 携程技术副总裁叶亚明:三次重大技术改进的故事及背后原因 Google抛弃C语言,采用Go语言重写Go编译器 jQuery Mobile 1.4.0正式版发布,着重性能改进 IBM收购Aspera加速大数据传输 各式各样的极品程序员,你属于哪一种 Google员工离职前必做的14件事情 GitHub上最火的开源项目及编程语言是什么? 2014的12个大数据趋势:Hadoop继续升温,R将进入主流 研究称三星手机可能存在安全漏洞 初创IT公司里开发者最容易犯的九种错误 还有多少开发者在为IE6做兼容性测试? 解读华三“新IT易之道”理念下的云计算和数据中心 回顾苹果2013:硬件几乎无突破 热衷收购 敏捷开发流程管理须参考的3个要素 微软潘正磊谈DevOps、Visual Studio 2013新功能、.NET未来 Jail Breaking之后,iOS 7的指纹识别还hold住么? “勇者前线”开发商Gumi获1900万美元融资 工信部发首批10张虚拟运营商牌照 开发者有哪些新机会 【PPT集萃】十位一线专家分享Spark现状与未来 谁主沉浮,亚马逊和思科角力DaaS市场 忆往昔峥嵘岁月稠——看苹果第一代iPhone的“风骚”往事 开源工具链“大牛”的经验分享:HelloGCC 2013精彩演讲回顾 20个超实用的JavaScript技巧及最佳实践 【开源专访】Linux Deepin:做更好用的Linux桌面系统 访Andy Jassy:感受亚马逊AWS生态观,思考国内外云计算差异 站到风口,最先飞起来的能将服务做到极致的IDC 苹果Siri再获一专利:可使用自然语音输入来搜索和标记图片 研发周报:Google抛弃C语言,采用Go语言重写Go编译器 取其精华 IE11里移除和新增的功能 如何模拟键盘输入。。模拟过程中的一些问题。。有实践的朋友,讨论一下。 一个很笨的问题关于程序中的重新登陆 路过的走过的都进来看看我,珠海的或北京的帮个忙~ 如何让Form2成为Form1的真正子窗体? 对于我来说是个难题,高手请看看。急用。 用Java Applet 进行Web编程时,如何限制输入域中可输入字符的长度!解决后马上给分!!! 用Java Applet 进行Web编程时,如何限制输入域中可输入字符的长度!解决后马上给分!!! ftp可用,但http站点却不能用,为什么?急急急!!! 兄弟寻求ActiveX文档方面的帮助,先谢了 用到水晶报表控件的工程在发布时要用到哪些动态库? 大讨论:到底要不要考高程? 学好c++ builder还要掌握pascal??? 如何做"标签窗口"????请高手明示!! 急救!怎样用shell 命令读取 *.chm 格式的帮助文件? 请教各位高人哪种51单片机抗干扰性能好点。 回答就有高分!一个简单的问题! 急!Word档案变成X档案了!-------请微软专家也过来帮忙 双重系统引导的问题 现在网上还有没有好的免费个人主页空间?最好支持asp等等,空间小点没关系,高分求! 请问什么地方有PPP over Ethernet(PPPoE)协议 技术资料!!! 请问为何我的程序在Release版本下出错? 再帮忙看看这段代码,即使密码正确也显示"错误:请确认阁下的身份!" 怎么回事啊? 请教这个API(ShowWindow)怎么使用? 谁能告诉我 virtual(虚) 析构函数目的何在干什么用的? 救急 装一个rose要多大空间啊 关于CJ60库实现Visual stduio的界面的问题! 请问要实现在空表上建立数据时,如何做到text1.text能显示“1000”,即Number的“标识种子”值! 这个UDL文件错在哪? 推荐一篇文章《麦子的颜色》 大家来灌水. vc service pack? 关于聊天室的界面 c++库函数的头文件有.h和没有有什么区别?为什么c++的库函数在VC很多不能用,怎么办? 可以在dll里面放SDI框架并调用吗? MIDAS中,怎样通过Client.exe生成MS Sql2000数据库?(就像《管家婆》那样,运行一次客户端,输入数据库的名称,就会自动在SQL Server2000 如何查找一个对话框的owner窗口? 我应该选择VC还是C#??? 在系统启动时至少有一个服务或驱动程序产生错误,详细信息,请使用事件查看器查看事件日志 操作系统是如何发现新插入的设备的? 关于对Com1,Com2读取条形码的编程 帮个忙,先,谢了! 接着那个堆栈问题,创建了,试验了。但应用时出现了对创建错误? 我想在对话框上输出一个char数组,用什么方法比较好????????????? 怎样移动较大副图片的时候避免或者尽量减少闪动? 怎么把网络编程和数据库联系起来 如何贴背景透明的按钮?急,急,在线等待!!! 奇怪了! 请问如何获得居于网中一个工作组下的所有计算机?? 还是一个dll内部变量的问题。 怎么回事? c语言编程中k=(m=5,n=3),求k=?为什么? He____choose the red shirt because it makes him look handsome.A.can B.need C.must D.may man和men分别怎么读?拼音. c语言 求1^k+2^k+3^k+……+n^k,假定n=6,k=4#includeint sum(int n,int k){int i;int s=0;for(i=1;i "希望奇迹般的出现了"用英文怎么说呢可以说The hope is miracle appearance.或者 The hope is appearance miraculously? 属于热带范围内的地区终年有几次太阳直射现象?要有原因, 只有绿色的树叶能吸收二氧化碳吗?其他颜色的呢? "到处都有奇迹"用英文怎么讲不要什么 NOTHING IS IMPOSSIBLE. 不要太偏. 一年中有太阳直射现象的区域名称是什么 why don't you choose the red tie?for me,it doesn't ___ my shirt very well.a.fix b.match求大神帮 一个又一个的奇迹 的英文怎么讲?如题,英文:一个又一个奇迹 怎么讲?谢绝翻译器~~~~:] 电脑读卡(2B铅笔涂的卡)的原理是什么?是根据石墨的量来判断的吗?如果是这样,那为了保险,我岂不是可以用9B铅笔涂卡?(经事实验证,我中考时用6B铅笔涂的卡,读出来了) Why don't you choose the red tie?For me,it doesn't my shirt very well A fix B accept C compareD match要详细理由 奇迹总会出现用英语怎么说 do well in的意思 my happy day初一英语短文内容写去公园玩的或者爬山的 传奇英文怎么写?简短一点的.还有传说 英文怎么写? (只要用力呼吸,奇迹就会出现)的英文怎么说? 地球真的是昼夜平分的吗,我指的是,一半白天一半黑天我想不通的是,中间不是应该有黄昏吗,怎么可能一半白天一半黑天的平分着来,话说,老师是这么讲的 修改病句:他穿一件红背心和一顶白太阳帽.错误在哪? 请以“A happy trip to”为题目,写一篇短文要写清时间,人物,地点和去的方式以及所件所闻所感,字数不少于60(不必要太难,我只是初2)呵呵,你的这个太难咯,我不懂, 地球为什么有黑天在银河系约有2000多亿个恒星,而且光也是无孔不入的.为什么除了太阳别的恒星不能给地球带来光明呢? m(m+1)=4则m=______ k(k+1)=10则k=_____ A Happy Trip (一般过去式) 哪个国家和中国黑天白天正好相反 哪个国家和中国黑天白天正好相反 k+m=-4,2k-m=1,求k和m的值. 南京大屠杀是从什么时候开始的,又是什么时候结束的?如果可以请再告诉我一些其他细节, men's english nameI am a student.I like English,but i haven't an english name.I want sb to give sm suggestion to me !By the way,I like jaylon Zhou! 2km=1 k/m=12km=1k/m=1 以“My trip”为题、写一篇初一英语作文 60词左右! it s raining men - geri halliwell 英文翻译歌词翻译成中英文对照 谢谢 最佳追加20分it's raining men geri halliwell schizophonic by kutyly humidity is rising barometer's getting low according to our sources the street's the place to 已知k=m-a/n-a(k≠1).则a= 根据中文提示要求,以my happiest trip 为题,写一篇60词左右的短文.1,去年暑假我乘火车去杭州旅行.2,杭州,我国最美丽的城市之一.树多花多.以西湖著名.有许多名胜古迹.3,游园,泛舟,爬山.,美好时 man与men在美语中的应用美国人非正式口语中怎么那么多men与man,Hey man?oh man 形容大戈壁的荒凉的成语! 以My pieasure trip to...为题,写一篇60词的初二作文 man 英文怎么说 南京大屠杀这段历史告诉我们什么?我们为什么不能忘记它? My father returned home 是主谓宾还是主谓状 英语里的“man”和“men”之间的变化是? 怎样判断一个单词的重音在哪里?为什么有的单词没有重音?给我一个方法来判断!还有例如post为什么没有重音?怎么判断?方法方法?A Chinese B complete C concert D computer 有个不同,怎么找? 形容沙漠面积广阔的成语 动植物是怎么改变自身结构适应环境的? 地球月球在公转的同时为什么还要自转?地球的自转还可以理解为均衡受热.但月球呢? do well in 后面加动名词对吗?是不是do well in+doing You ______ _______ ________(被期望) arrive here before six o’clock. 写一篇关于“A Happy Trip”的英语作文本周末,你和好朋友一起去爬泰山乘公交车前往描写自然环境和周围的登山游客用了半天时间登上山顶,并拍了许多照片虽然感到累,但玩得很愉快不少于90 [3(m十n)2]3[一2(m十n)3]2 英语翻译人权作为公民的基本权利已经日益被人们关注,我国现行的《刑事诉讼法》在多方面体现了对犯罪嫌疑人或被告人的人权保障,基本上明确了无罪推定等原则,但与国家尊重和保障人权 地球自转周期和月球公转周期分别为多少? 5(m-2n)方-3(m+n)+2(m+n)-8(m-2n)方,其中m=-10,n=-6时,怎么算 英语翻译统计行政执法是统计行政机关为了执行统计法法律、法规、规章和其他具有普遍约束力的规范性文件,依法对某一具体事件或个人采取处理措施的活动.经过多年的执法实践,在取得一 一篇以“A happy trip in Kunming"为题目的英语作文(60字) do well in的do能不能换成别的动词 英语翻译和谐社会背景下的缓刑适用若干问题探析内容摘要:缓刑作为一种集刑罚社会化、个别化、教育化、经济化于一身的刑罚制度,为世界各国刑事立法所广泛采用,并在适用中保持较高 A Happy Trip (English作文)5該啦,快 非主流成语带“那”字 与中国传统的24节气关系最大的是a月球自转b月球公转c地球自转d地球公转 单词辩音:1、woof、choose、wood 2、shirt、cleaner、learn再补充3个:3、boat、cabbage、thumb 4、water、gas、bat 5、actor、cinema、cloud 关于man的发音是不是man的所有的复合词的发音都是一样的?都是/mən/?比如Englishmanman的发音是[mæn],它在复合词中的发音是不是都是/mən/?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘