jQuery工具:只有一个AJAX选项卡

jQuery工具:只有一个AJAX选项卡,jquery,jquery-tools,jquery-tabs,Jquery,Jquery Tools,Jquery Tabs,我想使用,并且有一组常规的内联内容选项卡和一个AJAX选项卡。但我只看到内联内容或ajax内容的示例。我可以把它们混在一起吗?好的,要么全是AJAX,要么没有。但是,您可以自己轻松地使用AJAX创建单个窗格。您所需要做的就是向选项卡添加一个单击处理程序(最好使用,以便它在第一次运行后自动删除);然后,这个单击处理程序可以使用AJAX或任何其他AJAX方式加载窗格的内容 例如,HTML应该是这样的: <ul class="tabs"> <li><a href=

我想使用,并且有一组常规的内联内容选项卡和一个AJAX选项卡。但我只看到内联内容或ajax内容的示例。我可以把它们混在一起吗?

好的,要么全是AJAX,要么没有。但是,您可以自己轻松地使用AJAX创建单个窗格。您所需要做的就是向选项卡添加一个单击处理程序(最好使用,以便它在第一次运行后自动删除);然后,这个单击处理程序可以使用AJAX或任何其他AJAX方式加载窗格的内容

例如,HTML应该是这样的:

<ul class="tabs">
    <li><a href="#">Tab 1</a></li>
    <li><a href="#">Tab 2</a></li>
    <li id="ajax-tab"><a href="#">Tab 3</a></li>
</ul>
<div class="panes">
    <div>First tab content. Tab contents are called "panes"</div>
    <div>Second tab content</div>
    <div id="ajax-pane"></div>
</div>
$("ul.tabs").tabs("div.panes > div");
$('#ajax-tab').one('click', function() {
    $('#ajax-pane').load('/some/path/that/returns/our/html');
});
下面是一个简单的实例: