加载中…
个人资料
微博
  • 博客等级：
  • 博客积分：
  • 博客访问：
  • 关注人气：
  • 获赠金笔：0支
  • 赠出金笔：0支
  • 荣誉徽章：
正文 字体大小：大 中 小

jquery ui tabs 的各种用法 (2)

(2012-11-09 00:55:18)
标签：

jquery

ui

tabs

杂谈

 分类： jquery那些事

  1. 124. deselectable : Boolean : false    
  2.   
  3. 125.   设置标签插件为不可选中的。（不推荐使用在1.7版本，应使用collapsible）    
  4.   
  5. 126.   初始：$('.selector').tabs({ deselectable: true });    
  6.   
  7. 127.   获取：var deselectable = $('.selector').tabs('option', 'deselectable');    
  8.   
  9. 128.   设置：$('.selector').tabs('option', 'deselectable', true);    
  10.   
  11. 129.     
  12.   
  13. 130. disabled : Array : []    
  14.   
  15. 131.   在加载时，禁用哪些标签页，填写标签页的索引。    
  16.   
  17. 132.   初始：$('.selector').tabs({ disabled: [1, 2] });    
  18.   
  19. 133.   获取：var disabled = $('.selector').tabs('option', 'disabled');    
  20.   
  21. 134.   设置：$('.selector').tabs('option', 'disabled', [1, 2]);    
  22.   
  23. 135.     
  24.   
  25. 136. event : String : 'click'    
  26.   
  27. 137.   设置什么事件将触发选中一个标签页。    
  28.   
  29. 138.   初始：$('.selector').tabs({ event: 'mouseover' });    
  30.   
  31. 139.   获取：var event = $('.selector').tabs('option', 'event');    
  32.   
  33. 140.   设置：$('.selector').tabs('option', 'event', 'mouseover');    
  34.   
  35. 141.     
  36.   
  37. 142. fx : Options, Array : null    
  38.   
  39. 143.   启用动画效果当标签页显示和隐藏。    
  40.   
  41. 144.   初始：$('.selector').tabs({ fx: { opacity: 'toggle' } });    
  42.   
  43. 145.   获取：var fx = $('.selector').tabs('option', 'fx');    
  44.   
  45. 146.   设置：$('.selector').tabs('option', 'fx', { opacity: 'toggle' });    
  46.   
  47. 147.     
  48.   
  49. 148. idPrefix : String : 'ui-tabs-'    
  50.   
  51. 149.   If the remote tab, its anchor element that is, has no title attribute to generate an id from, an id/fragment identifier is created from this prefix and a unique id returned by $.data(el), for example "ui-tabs-54".    
  52.   
  53. 150.   初始：$('.selector').tabs({ idPrefix: 'ui-tabs-primary' });    
  54.   
  55. 151.   获取：var idPrefix = $('.selector').tabs('option', 'idPrefix');    
  56.   
  57. 152.   设置：$('.selector').tabs('option', 'idPrefix', 'ui-tabs-primary');    
  58.   
  59. 153.     
  60.   
  61. 154. panelTemplate : String : ''    
  62.   
  63. 155.   当动态添加一个标签容器时，它的容器的HTML元素。    
  64.   
  65. 156.   初始：$('.selector').tabs({ panelTemplate: '
  66. ' });    
  67.   
  68. 157.   获取：var panelTemplate = $('.selector').tabs('option', 'panelTemplate');    
  69.   
  70. 158.   设置：$('.selector').tabs('option', 'panelTemplate', '
  71. ');    
  72.   
  73. 159.     
  74.   
  75. 160. selected : Number : 0    
  76.   
  77. 161.   设置初始化时，选中的标签页的索引（从0开始）。如果全部未选中，则使用-1    
  78.   
  79. 162.   初始：$('.selector').tabs({ selected: 3 });     
  80.   
  81. 163.   获取：var selected = $('.selector').tabs('option', 'selected');    
  82.   
  83. 164.   设置：$('.selector').tabs('option', 'selected', 3);    
  84.   
  85. 165.     
  86.   
  87. 166. spinner : String : 'Loading…'    
  88.   
  89. 167.   设置当从远程加载内容时，标签的标题显示的文本内容，如果设置为空则停用此行为。    
  90.   
  91. 168.   初始：$('.selector').tabs({ spinner: 'Retrieving data...' });    
  92.   
  93. 169.   获取：var spinner = $('.selector').tabs('option', 'spinner');    
  94.   
  95. 170.   设置：$('.selector').tabs('option', 'spinner', 'Retrieving data...');    
  96.   
  97. 171.     
  98.   
  99. 172. tabTemplate : String : '
  100. #{label}
  101. '    
  102.   
  103. 173.   当动态添加一个标签页时，它的标签样式，#{href}和#{label}是用于替换add时的参数。    
  104.   
  105. 174.   初始：$('.selector').tabs({ tabTemplate: '
    #{label}
    ' });    
  106.   
  107. 175.   获取：var tabTemplate = $('.selector').tabs('option', 'tabTemplate');    
  108.   
  109. 176.   设置：$('.selector').tabs('option', 'tabTemplate', '
    #{label}
    ');    
  110.   
  111. 177.     
  112.   
  113. 178.     
  114.   
  115. 179. ·事件    
  116.   
  117. 180. select : tabsselect    
  118.   
  119. 181.   当点击一个标签标题时，触发此事件。    
  120.   
  121. 182.   初始：$('.selector').tabs({ select: function(event, ui) { ... } });    
  122.   
  123. 183.   绑定：$('.selector').bind('tabsselect', function(event, ui) { ... });    
  124.   
  125. 184.     
  126.   
  127. 185. load : tabsload    
  128.   
  129. 186.   当远程加载一个标签页内容完成后，触发此事件。    
  130.   
  131. 187.   初始：$('.selector').tabs({ load: function(event, ui) { ... } });    
  132.   
  133. 188.   绑定：$('.selector').bind('tabsload', function(event, ui) { ... });    
  134.   
  135. 189.     
  136.   
  137. 190. show : tabsshow    
  138.   
  139. 191.   当一个标签页内容显示出来后，触发此事件。    
  140.   
  141. 192.   初始：$('.selector').tabs({ show: function(event, ui) { ... } });    
  142.   
  143. 193.   绑定：$('.selector').bind('tabsshow', function(event, ui) { ... });    
  144.   
  145. 194.     
  146.   
  147. 195. add : tabsadd    
  148.   
  149. 196.   当添加一个标签页后，触发此事件。    
  150.   
  151. 197.   初始：$('.selector').tabs({ add: function(event, ui) { ... } });    
  152.   
  153. 198.   绑定：$('.selector').bind('tabsadd', function(event, ui) { ... });    
  154.   
  155. 199.     
  156.   
  157. 200. remove : tabsremove    
  158.   
  159. 201.   当移除一个标签页后，触发此事件。    
  160.   
  161. 202.   初始：$('.selector').tabs({ remove: function(event, ui) { ... } });    
  162.   
  163. 203.   绑定：$('.selector').bind('tabsremove', function(event, ui) { ... });    
  164.   
  165. 204.     
  166.   
  167. 205. enable : tabsenable    
  168.   
  169. 206.   当一个标签页被设置成启用后，触发此事件。    
  170.   
  171. 207.   初始：$('.selector').tabs({ enable: function(event, ui) { ... } });    
  172.   
  173. 208.   绑定：$('.selector').bind('tabsenable', function(event, ui) { ... });    
  174.   
  175. 209.     
  176.   
  177. 210. disable : tabsdisable    
  178.   
  179. 211.   当一个标签页被设置成禁用后，触发此事件。    
  180.   
  181. 212.   初始：$('.selector').tabs({ disable: function(event, ui) { ... } });    
  182.   
  183. 213.   绑定：$('.selector').bind('tabsdisable', function(event, ui) { ... });    
  184.   
  185. 214.     
  186.   
  187. 215.     
  188.   
  189. 216. ·属性    
  190.   
  191. 217. destroy    
  192.   
  193. 218.   销毁一个标签插件对象。    
  194.   
  195. 219.   用法：.tabs( 'destroy' )    
  196.   
  197. 220.     
  198.   
  199. 221. disable    
  200.   
  201. 222.   禁用标签插件。    
  202.   
  203. 223.   用法：.tabs( 'disable' )    
  204.   
  205. 224.     
  206.   
  207. 225. enable    
  208.   
  209. 226.   启用标签插件。    
  210.   
  211. 227.   用法：.tabs( 'enable' )    
  212.   
  213. 228.     
  214.   
  215. 229. option    
  216.   
  217. 230.   获取或设置标签插件的参数。    
  218.   
  219. 231.   用法：.tabs( 'option' , optionName , [value] )    
  220.   
  221. 232.     
  222.   
  223. 233. add    
  224.   
  225. 234.   添加一个标签页。    
  226.   
  227. 235.   用法：.tabs( 'add' , url , label , [index] )    
  228.   
  229. 236.     
  230.   
  231. 237. remove    
  232.   
  233. 238.   移除一个标签页。    
  234.   
  235. 239.   用法：.tabs( 'remove' , index )    
  236.   
  237. 240.     
  238.   
  239. 241. enable    
  240.   
  241. 242.   启用一组标签页。    
  242.   
  243. 243.   用法：.tabs( 'enable' , index ) //index是数组    
  244.   
  245. 244.     
  246.   
  247. 245. disable    
  248.   
  249. 246.   禁用一组标签页。    
  250.   
  251. 247.   用法：.tabs( 'disable' , index ) //index是数组    
  252.   
  253. 248.     
  254.   
  255. 249. select    
  256.   
  257. 250.   选中一个标签页。    
  258.   
  259. 251.   用法：.tabs( 'select' , index )    
  260.   
  261. 252.     
  262.   
  263. 253. load    
  264.   
  265. 254.   重新加载一个ajax标签页的内容。    
  266.   
  267. 255.   用法：.tabs( 'load' , index )    
  268.   
  269. 256.     
  270.   
  271. 257. url    
  272.   
  273. 258.   改变一个Ajax标签页的URL。    
  274.   
  275. 259.   用法：.tabs( 'url' , index , url )    
  276.   
  277. 260.     
  278.   
  279. 261. length    
  280.   
  281. 262.   获取标签页的数量。    
  282.   
  283. 263.   用法：.tabs( 'length' )    
  284.   
  285. 264.       
  286.   
  287. 265. abort    
  288.   
  289. 266.   终止正在进行Ajax请求的的标签页的加载和动画。    
  290.   
  291. 267.   用法：.tabs( 'abort' )    
  292.   
  293. 268.     
  294.   
  295. 269. rotate    
  296.   
  297. 270.   自动滚动显示标签页。    
  298.   
  299. 271.   用法：.tabs( 'rotate' , ms , [continuing] ) //第二个参数是停留时间，第三个参数是当用户选中一个标签页后是否继续执行  

喜欢

0

阅读┊ 收藏 ┊ 喜欢▼ ┊打印┊举报/Report
  

新浪BLOG意见反馈留言板　欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

Copyright © 1996 - 2022 SINA Corporation, All Rights Reserved

新浪公司 版权所有