無法從jquery選項卡小部件中刪除tabIndex

Question

我有一個簡單的jquery選項卡小部件設置。 它從兩個選項卡開始，一個是錯誤1，一個是加號。 單擊加號會添加錯誤2選項卡。 再次單擊它會添加錯誤3選項卡。 問題是我單擊加號后無法從選項卡中刪除選項卡索引。 RemoveAttr（'tabIndex'）適用於頁面加載以保持第一個選項卡不具有索引，但在我單擊加號后，我還沒有找到從其余選項卡中刪除選項卡索引的方法。 我把removeAttr（）放在.show（）之后。 我把它放在那條線之前。 我嘗試將它放入激活，加載，加載和創建。 我試過設置tabindex = -1而不是removeattr（）。 我也嘗試擺脫hide / show並使用css來顯示/不顯示。

$(document).ready(function(){    
$("#tabs").tabs({
        beforeActivate: function (event, ui) {
            if (ui.newTab.attr('id') == 'liTabsPlus') {
                event.preventDefault();
                errorTabsShowing += 1;
                $('#liTabs' + errorTabsShowing).show();
                $(this).tabs('option', 'active', errorTabsShowing - 1);
                if (errorTabsShowing == MAX_NUMBER_OF_ERRORS)
                    ui.newTab.hide();
            }
        }
    });

    $("#liTabs1").removeAttr("tabIndex");
    $("#liTabs2").hide();
    $("#liTabs3").hide();
    $("#liTabs4").hide();
}

Answer 1

很難說沒有看到你的標記，但我通過循環遍歷我的元素並將標簽索引設置為-1來完成此操作。 這將是一個例子，所有選項卡以“liTabs”的id開頭，所以liTabs1，liTabs23等。

$('[id^=liTabs]').each(function(){ this.tabIndex = -1; });

希望這可以幫助