如何将新的Ajax内容加载到JQuery UI Tabs插件中已打开的[selected]标签中？

Question

例如：

我创建了一个新的空白标签，并通过添加新标签按钮来动态显示空白内容。就像firefox和chrome一样 ，单击添加新标签以创建一个新的标签浏览器窗口。 然后，我单击其他链接以将内容加载到新创建或当前选定的选项卡。* 例如 *：

选择 Tab1后，我单击link3并将link3 的内容加载到Tab1上 。

因此，我可以使用当前选项卡加载其他外部内容！

非常感谢你！！

Answer 1

要将网址加载到当前标签中，您可以执行以下操作：

$(".moreContent").click(function( event ){
    event.preventDefault();
    loadContent( this.href );
});
function loadContent( url ) {
    var selected = $tabs.tabs('option', 'selected');
    $tabs.tabs("url", selected , url ).tabs("load", selected);
}

要加载到选项卡的链接的类为moreContent 。

这是一个完整的例子。 不能完全正常工作，因为/ echo / html /内容必须来自发布请求，但应该可以为您提供想法。

http://jsfiddle.net/petersendidit/hsatf/