jquery - 如何使用 jquery-ui 打开选项卡

Question

我正在尝试使用 jquery 打开一个选项卡，这是我的代码：

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

正如每个人都可以看到我正在使用模板，所以当我使用第 3 行时，我得到了我的新标签，但我可以在以前的标签之间切换，如果我只使用最后一行，我会得到我的新标签，我可以在标签，但我可以添加内容。¿ 有人知道改进此代码的方法吗？

提前致谢。

Answer 1

您需要的是panelTemplate与您的tabTemplate. 像这样的东西：

$("#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");

希望这可以帮助！