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选项卡方法详细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（）调用令人心烦意乱。

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

2 个答案: