如何用jquery-ui打开一个标签

时间:2012-06-18 20:23:31

标签: jquery jquery-ui jquery-ui-tabs

我正在尝试使用jquery打开一个标签,这是我的代码:

$("#ecContenedorFolders").tabs({
     tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon-close'></span></li>"                                                     
});
$("#ecContenedorFolders").tabs("add","#ecApp05","Friends Discussions");   

因为每个人都可以看到我正在使用模板,所以当我使用前3行我得到我的新标签,但我可以在prevoius标签之间切换,如果我只使用最后一行我得到我的新标签,我可以在标签之间切换,但我可以添加内容。 ¿有没有人知道如何改变这段代码?

提前致谢。

1 个答案:

答案 0 :(得分:1)

您需要包含panelTemplatetabTemplate。像这样:

$("#ecContenedorFolders").tabs({
  tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon-close'></span></li>",
  panelTemplate: "<p>Panel Text here</p>"
});

$("#ecContenedorFolders").tabs("add", "#ecApp05", "Friends Discussions");

希望这有帮助!