哪个jQuery UI选项卡被激活

Question

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

Answer 1

回调中的一个参数是帮助你，那就是ui.newPanel。

请注意，在创建选项卡并显示第一个选项卡时，不会调用activate事件。还有另一个事件。如果你想在一个回调中混合使用这两个，那么你可以在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();
});