gpt4 book ai didi

jQuery 工具 : only one AJAX tab

转载 作者:行者123 更新时间:2023-12-01 03:54:07 25 4
gpt4 key购买 nike

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

最佳答案

据我所知,要么全是 AJAX,要么没有。但是,您可以自己轻松地对单个 Pane 进行 AJAX。您需要做的就是向选项卡添加一个单击处理程序(最好使用.one(),以便它在第一次运行后自行删除);然后,此单击处理程序可以使用 .load() 加载 Pane 的内容。或您想要的任何其他 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>

JavaScript 会是这样的:

$("ul.tabs").tabs("div.panes > div");
$('#ajax-tab').one('click', function() {
$('#ajax-pane').load('/some/path/that/returns/our/html');
});

这是一个简单的实例:http://jsfiddle.net/ambiguous/stxha/

关于jQuery 工具 : only one AJAX tab,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4772012/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com