是否可以在切换选项卡时触发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 ) {} );