Question

我正在尝试捕获jQuery选项卡单击事件，如下所示：

$('#statisticsTab').tabs({
    activate: function (event, ui) {
        alert("In activate!");

        var $activeTab = $('#statisticsTab').tabs('option', 'active');
        if ($activeTab === 1) {
            alert("Tab 1 is active!");
        }
        else if ($activeTab === 2) {
            alert("Tab 2 is active!");
        }
        else if ($activeTab === 3) {
            alert("Tab 3 is active!");
        }
    }
});

选项卡控件本身运行正常，但是当我单击各个选项卡时，此代码中的任何警报都不会触发。我使用的是jQuery 1.10.2。

Answer 1

根据OP的要求，这是一个稍微改进的版本，以及帮助识别问题的小提琴：

$('#statisticsTab').tabs({
activate: function (event, ui) {
    alert("In activate!");

    var $activeTab = ui.newTab.index();
    if ($activeTab === 1) {
        alert("Tab 1 is active!");
    }
    else if ($activeTab === 2) {
        alert("Tab 2 is active!");
    }
    else if ($activeTab === 3) {
        alert("Tab 3 is active!");
    }
}

}）;

FIDDLE

jQuery选项卡 - 无法捕获选项卡单击

1 个答案: