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();
}

标签标题显示出来，第一个标签的内容加载OK了。

使用AJAX Tabs方法详解here

当我切换到其他选项卡时，我可以看到浏览器加载了该选项卡的内容，但没有显示内容。

任何想法我缺少什么？

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() 调用令人不安。