如何選擇創建的jQuery UI選項卡？

Question

我正在開發一個項目，我需要創建選項卡，並且需要激活最後創建的選項卡。

我正在使用JUI 1.9，但我找不到有關它的文檔。

這是一些代碼，我用它來創建標籤：

function addSearchResult(title, content) { 
    var id = "tabs-" + tabId, 
    li="<li><a href='#"+id+"'>"+title+"</a><span class='ui-icon ui-icon-close'></span></li>"; 

    tabs.find(".ui-tabs-nav").append(li); 
    tabs.append("<div id='" + id + "' data-index='"+indexTab+"'><p>" + content + "</p></div>"); 
    indexTab++; 


    tabs.tabs('option','active', indexTab); /*THIS IS NOT WORKING FOR ME :S */ 
    tabs.tabs("refresh"); 
} 

Answer 1

好吧，我沒有嘗試過這一點 - 但看起來像有在你的代碼中的錯誤。嘗試更改爲：

function addSearchResult(title, content) { 
var id = "tabs-" + tabId, 
li="<li><a href='#"+id+"'>"+title+"</a><span class='ui-icon ui-icon-close'></span></li>"; 

tabs.find(".ui-tabs-nav").append(li); 
tabs.append("<div id='" + id + "' data-index='"+indexTab+"'><p>" + content + "</p></div>"); 
indexTab++; 


tabs.tabs('option','active', indexTab-1); /* NOTE THE -1 */ 
tabs.tabs("refresh"); 

}

你有你的indexTab變量後遞增，因此需要在設置當前選項卡取1關閉的它的外觀。

Answer 2

你可以假一點擊

tabs.find("li:last a").click()