如何使用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/