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