Jquery UI Tabs笔录

Jquery UI Tabs 

Events activate( event, ui )

使用方法 ：

1 2 3

$( ".selector").tabs({  activate: function( event, ui ) {}  });

或者

1	$( ".selector" ).on( "tabsactivate", function( event, ui ) {} );

其中ui有四个情况，newTab，oldTab，newPanel，oldPanel。

 

如果有两个tab，我们想要切换的时候tab里面的内容页跟着变化，我们应该要知道是哪个tab被激活了，上面的事件可以让我们知道哪个tab是出去活动的状态。

我使用的情况如下：

1 2 3 4 5 6 7 8 9

var $tabs = $("#tabs").tabs({                      activate : function(event, ui) {                          var id = (ui.newPanel).attr("id");                          if (id == "tabs-2") {                              show_div_table();                          }                      },                      cache : false                 });

通过id来判断哪个tab处于被选中。