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处于被选中。