Jquery UI Tabs笔录

81751330 2013-04-24

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

相关推荐

89423661 / 0评论 2014-08-29