谈谈对jquery ui tabs 的理解

1.71 event ，切换选项卡的事件，默认为’click’，点击切换选项卡。

1.72 初始化设置例：$(‘.selector’).tabs({ event: ‘mouseover’ }); //鼠标滑过切换选项卡

1.73 初始化后的参数获取和设置：请参考1.23…

1.81 fx，切换选项卡时的动画效果，默认为：null，无动画效果，

1.82 初始化设置：请参看最上面的例子。

1.83 初始化后的参数获取和设置：请参考1.23…

1.91 idPrefix ，在使用ajax时，idPrefix选项可以为其添加一个唯一的id，默认为：’ui-tabs-‘ 。

1.92 初始化设置例：$(‘.selector’).tabs({ idPrefix: ‘ui-tabs-primary’ });

1.93 初始化后的参数获取和设置：请参考1.23…

1.101 selected，初始化时，哪个选项卡被选中，默认为0，就是第一个选项卡被选中。

1.102 初始化设置例：$(‘.selector’).tabs({ selected: 3 });

1.103 初始化后的参数获取和设置：请参考1.23…

1.111 spinner，当远程内容加载的时候，（ajax），spinner字符串的html内容将被显示在选项卡的标题上。（我很奇怪，我自己试了，怎么不起作用？）

1.112 初始化设置例：$(‘.selector’).tabs({ spinner: ‘Retrieving data…’ });

1.113 初始化后的参数获取和设置：请参考1.23…

1.121 panelTemplate ,

1.131 tabTemplate ,

2 事件

先给出一个事件绑定的例子，请注意：

$('#example').bind('tabsselect', function(event, ui) {
  ui.tab   // 被选中（点击后）的选项卡元素
  ui.panel  //这个元素包含被选中（点击后）的选项卡的内容
  ui.index  //返回一个被选中（或点击后）选项卡的索引值（从0开始）
});

2.11 select 类型：tabsselect ，点击选项卡时触发该事件。

2.12 初始化时绑定事件：

$('.selector').tabs({
  select: function(event, ui) { ... }
});

2.13 在初始化后使用事件绑定绑定该事件：

$('.selector').bind('tabsselect', function(event, ui) {
...
});

2.21 load，类型：tabsload 一个远程（ajax）选项卡的内容被加载完成后触发该事件。

2.22 参考2.12

2.23 参考2.13

2.31 show，类型：tabsshow 当选项卡显示后触发该事件。

2.41 add，类型：tabsadd ，当一个选项卡被添加后触发。

2.51 remove ，类型tabsremove ，当一个选项卡被删除后触发。

2.61 enable ，类型tabsenable ，当一个选项卡可用时触发。

2.71 disable，类型tabsdisable，当一个选项卡不可用时触发。

3 方法

3.11 destroy，哈哈，又到了我最喜欢的摧毁地球时间。例：.tabs( ‘destroy’ )