jquery - JQuery UI 链接到带有 AjaxContent 的选项卡

Question

我正在使用带有 2 个选项卡（一个普通选项卡和一个 ajax 选项卡）的 JQueryUI，如下所示：

<div class="g12 tab">
    <ul>
        <li><a href="#tab-general">GENERAL</a></li>
        <li><a href="/CONTENT/AJAX/">EXTERNAL</a></li>
    </ul>
    <div id="tab-general">CONTENT HERE</div>
</div>

当我需要从外部页面打开第一个选项卡时，我只需输入#tab-general (www.mydomain.com/Page#tab-general)，它就可以正常工作。

如何从直接链接打开 ajax 选项卡？

Answer 1

如果您使用的是 jQuery .tabs()，那么当您来自 ajax 时请尝试以下操作

$('#selectorId').tabs({ selected: 2});