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

Question

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

请帮忙。

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 ) {} );