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

我有一组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>

将显示选项卡标题，并加载第一个选项卡的内容

详细介绍了使用AJAX选项卡的方法

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

---

你知道我遗漏了什么吗？

用以下内容替换你的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>

---

我现在已经修好了。我随后有一个$.ajaxSetup调用，这让我很不安。

指定您需要将要检索的ajax内容放在href中，因此我认为ajax方法不正确。为此，您不需要添加额外的div，只需删除您在尝试删除额外div后添加的div即可，而且它仍然表现出相同的行为——第一个加载很好，其他加载我可以在Chrome开发工具中看到，但当你点击它们的标签标题时不会显示出来。

 <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>