当我们切换标签时，是否可以在jquery选项卡插件上触发事件

Question

我使用jquery tabs插件，但无法弄清楚当用户在标签之间切换时如何设置事件。

请帮忙。

Answer 1

您正在寻找activate()事件。

$(".selector").tabs({
    activate: function(event, ui) {
        alert("You changed tabs");
        // Or do something more constructive...
    }
});

Answer 2

activate( event, ui )

激活选项卡后触发（动画完成后）。如果选项卡先前已折叠，则ui.oldTab和ui.oldPanel将为空jQuery对象。如果选项卡正在折叠，则ui.newTab和ui.newPanel将为空jQuery对象。

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

将事件监听器绑定到tabsactivate事件：

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