如何使用onclick處理程序在jQuery UI中添加標簽？

Question

我試圖將標簽信息附加到現有的jQuery UI Tab容器中，然后重新初始化標簽容器以更新內容。

這是我要執行的操作的簡單JSFiddle： http : //jsfiddle.net/dmchale92/Wa69N/

這是我用來附加基本測試段落的函數：

$(function () {
a = "<div id='tabs-4'><p>This is a test paragraph.</p></div>"
b = "<li><a href='#tabs-4'>Blog Four</a></li>"
$("#tabs").append(a);
$("#tablist").append(b);
$("#tabs").tabs();
});

誰能向我解釋為什么新的標簽標題不能保持其他標簽的樣式，為什么將內容添加到容器底部而不是分頁？

Answer 1

您需要刷新它： DOC

DEMO

$("#tabs").tabs( "refresh" );

Answer 2

你需要這樣做

$(function () {
$('#tabs').tabs("destroy");
a = "<div id='tabs-4'><p>This is a test paragraph.</p></div>"
b = "<li><a href='#tabs-4'>Blog Four</a></li>"
$("#tabs").append(a);
$("#tablist").append(b);
$("#tabs").tabs();
});

http://jsfiddle.net/farrukhsubhani/Wa69N/2/