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