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

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

开源框架eMobc:XML开发原生移动应用so easy iOS应用安全开发,你不知道的那些事 市场化API的十个捷径 MongoDB和Cloudera结盟,欲征服大数据市场 红帽收购Inktank,将统一Gluster与Ceph? 那些巨头公司Logo是这么演变来的…… 以史为镜,剖析PaaS大迷局 “心脏出血”还不够?又曝OAuth和OpenID登录漏洞 走近讲师:搜狐于顺治讲述搜狐PaaS云平台实践之路 AppFlood 2014 Q1报告:亚洲和中东市场成为开发者出海首选 华为联合运营商构建能力开放平台 Facebook产品设计主管:揭秘公司如何招聘优秀设计师 【附信息图】美国因软件缺陷导致的十大事件 二十一世纪Windows简史 为什么用户体验和生态系统决定云公司的成败 三星Tizen,路漫漫其修远兮 用户体验是新优势,互联网会受到何种影响? 从GitHub看编程语言流行度 陈沙克:Openstack Horizon Icehouse Blueprint简介 叶琪:Hadoop不是万能的 要明确场景扬长避短 云网融合驱动数据中心技术聚变 给想持续编码CEO的4个建议 盘点开发者最喜爱的十大开源Xcode插件 Cloudera CTO:取代MapReduce 未来会加大Spark等框架投入 中航信资深分析师李洋:自主搭建云平台 助力民航业低成本迎接大数据挑战 安全狗创始人陈奋:借助Hadoop与Spark,欲打造服务器上的360 业界良心:Square开源Viewfinder,25万行代码全公布! 比尔·盖茨:核心业务Bing虽不赚钱,却不能拆分 不可错过,参加第六届中国云计算大会的十大理由 章津楠:未来三年,OpenStack将成为企业去V首选 EMC收购闪存初创公司DSSD,走出联合储存战略第一步 C语言调试中的错误 在WIN98中怎样写代码通过注册表判断MODEM在哪个端口? 简单问题:在WIN98中怎样写代码通过注册表判断MODEM在哪个端口? 如何在执行时返回query中的一个查询之值 能否提供50元邮购上半年《程序员》的业务? 给定一个email地址及DNS服务器地址,如何检测此email地址对应的SMTP服务器?(请ludou,funtek等进来领分) 如何在mfc下编译一个c源文件 高手请帮忙解决这个难题-关于.vox文件 请问!想去上海的外企,英语水平要多高才可以?口语重要吗? 在sybase中如何建表的时候把中文注释加入?以便在建数据窗口的时候label显示中文。 请问win2000_Server的service pack在哪有卖,D版?北京? 安装JBuilder5对机器有什么性能要求吗(内存、cpu...)?Thanks!(内空) 关于PB作为OLE SERVER的问题 我想做个启动画面的窗口 关于MYSQL的问题 数据库高手请进,值得一看 怎么从文本文件里取出其内容? 请大家帮忙看一下,关于Delphi的三层MIS开发 如何获得经典的C++/MFC方面的电子文档,中英都行,谢谢! 压缩中提到的文件头有什么作用 , 请问各位专家,在网页上如何制作视频点播?有几种方式! 我报了中程谁有历年的中程试卷? 我收到的信都是?号,怎么看???? VB中是否有移位操作符??是否有_能够得到数据类型宽度的函数? 哪里有core java的e版down啊? 有事好商量!请进! DLL编程错误,请高手指教一下!! 活见鬼,真气人....... 问一个trigger问题? 问一下:我的char*都用_T("asdfsafd")表示了,资源也没任何问题,可有时候运行程序显示乱码 在论坛里,发一个帖子新开一个窗口,当发完后让原来那个窗口刷新一下 我的机子到底怎么回事???? 我试试.. CListCtrl中如何选定整个一行? 来到济南天气太热,特来送分 ★★★★★ 见于现在伪ID和盗用密码的现象十分嚣张,我提议…… ★★★★★ 请教各位,我用vb6.0访问ms sql7.0数据库,为什么有时出现,“过期,数据已超时?” 请问COM和DLL有什么区别和联系?(30分) 关于侯老师 win95-a-developers-guide 一书的源配书... ISAPI中不能存取ASP中的Session、Application变量?高手你老人家在哪里? 大家来看看这些招聘题目合不合适 提一个网页制作的问题哈,大家不要扔西红市啊,网叶制作可是程序员的基本技能之一 activeskin里的skinbuilder有谁用过???来讨论吧 我在msdn上看到vb中的字符串有两种:定长字符串和变长字符串。请问如何分别声明这两种类型? 怎样在ADO中引用已打开的recordset的某一字段值,请给几个例,谢谢了! seedundersnow and holyfire help me!about 8253! 谁有cute ftp 4.2.6 beta的注册码 请问如何把页面查询到的记录导入到Excel中呢? 有用过TAdvStringGrid的吗?OnGetEditorType( )为何不被调用? 请教高手如何用Xsl编制函数控制Xml??急急 哪位给一个MD5的例子!谢谢了 八加九等于几 一共有360千克的水果糖,每袋4分之一千克,5小时已经装完6分之5,平均每小时装多少袋? 6元=()元 6分=()元 3角5分=()元 10元1角=()元 简单运算1986-1983+1980-1977+.12-9+6-3 把六分之五千克的糖,平均分成五份,每份是五千克得几分之几,提出理解快急啊快~~~~~~~~~~~~~~~~~ 有一个三角形的周长是3分之2分米,其中两条边的长度是4分之1分米,6分之1分米,这个三角形 小玲的房间地板面积是14平方米,如果选用边长0.3米得正方形地砖铺地,至少需要多少块这样的方砖 比六分之五千克多三分之一千克是多少千克,比六分之五千克多三分之一是多少千克? 有一个三角形的周长是3分之2分米,其中两条边的长度是4分之1分米,6分之1分米,这个三角形是什么形状的三角形? 小玲的房间地板面积是14平方米,如果选用边长0.3米的正方形地砖铺地,至少需要多少块这样的方砖?(得保留整数) 第一道:1000米的十分之七是( ) 第二道:120分的六分之五是( )分直接说得数就行 一个等腰三角形,其中两条边长度分别是5分之3分米、4分之1分米,求周长 一间房子长18米,宽15米,它的面积是多少平方米?用面积是9平方分米的正方形地砖铺地,需要多少块? 4分之三千克的六分之五是多少千克.八分之7米的七分之三是多少 米 一个等腰三角形,其中两条边的长度分别是五分之二米,四分之一米,求这个三角形的周长? 计算,2/x(x+2)+2/(x+2)(x+4)+2/(x+4)(x+6) 一个会议室的长是15米,宽是6米.用面积是9平方分米的正方形瓷砖铺地,需要这样的瓷砖多少块? 18个六分之五是( );120米比( )米多25%. x除0.9=0.8怎么算 一个会议室的长15米,宽6 米.用面积是9平方分米的正方形瓷砖铺地,需要这样的瓷砖多少块? 1,2,3,4,5,6,7,8,9,10哪个是质数 0.26(5-X)=0.91怎么算 铺一间房间的地,用边长3dm的正方形地砖铺,正好1600块,如果改成用边长4dm的地砖铺,需要多少块? 三分之一,2,1,-6,0,9,7,3,-9,14,-1.4,二又五分之一【自然数,整数,质数,三分之一,2,1,-6,0,9,7,3,-9,14,-1.4, 二又五分之一【自然数,整数,质数,台数各分类.】 x+0.75-5/3=0.15怎么算 一种瓷砖长4dm,宽3dm,如果用这样的瓷砖铺一个正方形,正方形边长最小是多少分米?需要多少块这样的瓷砖?反正我是按作业来打的) 八分之九至少加上()个九分之一,和是最小的质数? 5*(x+1)=0.2怎么算? 一间房间,用边长2分米的地砖铺地,需要用144块,如果用边长为3分米的地砖铺地,需要多少块? 一根六分之五米长的钢绳重3千克,这种钢绳每米重多少千克?每千克钢绳有多长? (2.5-x)/x=0.4怎么算 房间的地面是正方形,无论选择边长50厘米的正方形地砖铺地,还是选择边长60厘米的方砖,都正好铺满,小明房间的地面至少是多少平方米 一根6分之5米长的钢绳重3分之2千克,这种钢绳每米重多少千克?每千克钢绳有多长? 2(x-0.5)=0.8怎么算 聪聪的房间面积为17.6平方米,房间地面恰好由110块相同的正方形地砖铺成,求每块地砖的边长是多少?用方程解答贺州市2013年春季学期段考7年级试卷 数学一元一次方程哦 一根六分之五米长的钢管重2千克,这种钢绳每米重多少千克,每千克钢绳有多长 3(x-0.5)-2(x-4.5)=7怎么算?要步骤 小亮的房间面积为17.6平方米 房间地面恰好由110块相同的正方形地砖铺成 每块地砖边长多长?房间面积是17.6 不是 地砖面积 一根6分之5米的钢绳重3分之2千克,这种钢绳每米重多少千克?每千克钢绳有多长? 计算 (x-0.5)^2(0.5+x)^2 小明房间的面积是10.8平方米,房间地面由120块相同的正方形地砖铺成,每块地砖的边长是多少?用方程! 一根5/6米长的钢绳重3千克,这种钢绳每米重多少千克?每千克钢绳有多长? 1/8比X=3/8比9/10 步骤明细些. 小明房间的面积为18平方米,房间地面由200块相同的正方形地砖铺成,每块地砖的边长是多少? 有一座建筑物,在地面上A点测得顶点C的仰角为30度,向建筑物前进50M 到B点,又测得C的仰角为45度,求建筑物的高度,精确到0.1米 计算(1-1/10)X(1-1/9)X(1-1/8)X……(1-1/2)的值是1/10还是1/20 小明的房间面积为10.8平方米,房间店面恰有120块正方形地砖铺成每块边长几米? 二元依次解数学题王大伯承包了25亩土地,今年春季改种茄子和西红柿两种大棚蔬菜,共用去成本44000元.其中种茄子每亩成本为1700元,获纯利2400元,种西红柿每亩成本为1800元,获纯利2600元,王大伯 计算:(-1.8*10^-10)/(9*10^8) 9.07千米等于()千米()米?17/4时=()时()分?2.38升=()升()毫升 某市出租车收费标准为:3千米及3千米内收费6元;3千米以上每1千米收2元.现在贝贝有28元钱,他想乘出租车去离家18千米外的外婆家,钱够么?(写出计算过程) 十个八加九个九等于 请问2|9公里等于几千米? x-2xy=3是2元1次还是2元2次 请问8分之1加9 分之1等于多少如何计算出来 17公里等于多少米啊?谢谢! 6元3角5分=( )元=( )角=( )分 送钱了,8加9等于 把六分之五的糖,平均分成五份,每份是五千克得几分之几,提出理解 3角5分用分数是多少元?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn