如何将附加的html添加到jQuery UI选项卡面板？

Question

我想在jQuery选项卡面板中实现“显示更多”分页器。如果用户点击“显示更多”链接，我想加载更多元素并将它们附加到选项卡面板的现有内容中。

我希望有一些方法可以访问标准事件回调中可用的“ui”元素。像这样的东西...

var tabPanel = $('#myTabsElement').tabs().ui.panel; 
moreElements.appendTo(tabPanel); 

有没有简单的方法来访问此对象？

Answer 1

要访问包含标签内容的<div>，请使用标准的jQuery选择器函数。查看http://jqueryui.com/demos/tabs/查看标签实例的示例。使用例如，您可以使用下面的代码追加到了第三个选项卡的“面板”：

var tabPanel = $('tabs-3'); 
moreElements.appendTo(tabPanel);