jQuery UI 选项卡 Ajax - 仅第一个选项卡显示加载的内容

Question

我有一组 jQuery UI 选项卡，它们通过 ajax 方法加载其内容：

<div id="tabs">
    <ul>
        <li><a href="/messages/inbox" title="Inbox"><span>Inbox</span></a></li>
        <li><a href="/messages/sent" title="Sent"><span>Sent</span></a></li>
        <li><a href="/messages/inbox" title="Ins"><span>Ins</span></a></li>
    </ul>
    <div id="Inbox"> ... </div>
    <div id="Sent"> ... </div>
    <div id="Ins"> ... </div>
</div>

JS：

$(document).ready(function () {
    $("#tabs").tabs();
}

显示选项卡标题，并且第一个选项卡的内容加载正常。

使用AJAX Tabs方法的详细信息这里

当我切换到不同的选项卡时，我可以看到浏览器加载该选项卡的内容，但不显示该内容。

我缺少什么想法吗？

Answer 1

将您的 ul 列表替换为：

 <ul>
        <li><a href="#Inbox" title="Inbox"><span>Inbox</span></a></li>
        <li><a href="#Sent" title="Sent"><span>Sent</span></a></li>
        <li><a href="#Ins" title="Ins"><span>Ins</span></a></li>
    </ul>

Answer 2

现在已经修好了。随后的 $.ajaxSetup() 调用让我感到不安。