jquery - 哪个 jQuery UI 选项卡被激活

Question

我知道 jQuery 选项卡对象上有一个激活事件，但我不知道如何检查哪个选项卡触发了该事件。文档没有提到这个相当重要的方面。

Answer 1

回调中的一个参数是为您提供帮助，那就是 ui.newPanel。

请注意，虽然在创建选项卡并显示第一个选项卡时不会调用激活事件。还有另一个事件。如果你想在一个回调中混合这两者，你可以在 jQuery UI 1.10 中实现它：

$(function () {    
    // prepare the events first
    $("#tabs").on("tabsactivate tabscreate", (event, ui) => {
        var panel = ui.newPanel || ui.panel;
        if (panel.is("#tabs-1")) {
            alert("first tab");
        } else if(panel.is("#tabs-2")){
            alert("second tab");
        }
    });

    //construct the tabs 
    $("#tabs").tabs();
});