关闭新打开的标签页时，jQuery设置正确的标签页处于活动状态

Question

我有两个选项卡，您可以从中打开一个新的第三个选项卡并将其设置为活动状态。 通过单击x图标关闭新打开的选项卡时，该选项卡应该处于活动状态，从中打开了新选项卡。 如何设置正确的选项卡处于活动状态？

如果用户从Tab1打开新标签，然后关闭新标签（＃3），则活动标签应再次为tab1。 如果用户打开位于tab2上的新标签，则当他关闭新打开的标签时，活动标签应为tab2。

这是我关闭标签页的代码：

// close icon: removing the tab on click
tabs.delegate("span.ui-icon-close", "click", function () {
    var panelId = $(this).closest("li").remove().attr("aria-controls");
    $("#" + panelId).remove();
});

在这里查看我的JSFiddle示例： http : //jsfiddle.net/metaxos/JvaRW/2/

任何帮助表示赞赏。

Answer 1

您需要某种方式来确定哪个标签触发了新标签。 您可以在选项卡3上放置一个属性，以指定用于打开它的选项卡。

addTab('tab-3', this.id); // this.id would be the id of the triggering tab

function addTab(newTabId, triggerId) {
     li = '<li><a href="#tabs-3">NEW TAB</a><span openerId='" + triggerId + "' class="ui-icon ui-icon-close" role="presentation">close</span></li>'
}

从删除功能内部，获取ID并使用它单击选项卡：

var theTab = $("#tab-3").attr('openerID');

$("#" + theTab).click();