Вкладки пользовательского интерфейса jQuery Ajax - только первая вкладка, отображающая загруженный контент - PullRequest
Новая
       11

Вкладки пользовательского интерфейса jQuery Ajax - только первая вкладка, отображающая загруженный контент

0 голосов
/ 03 августа 2011

У меня есть набор вкладок 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 подробно здесь

Когда я переключаюсь на другую вкладку, я вижу, что браузер загружает содержимое для этой вкладки, но содержимое не отображается.

Есть идеи, что мне не хватает?

Ответы [ 2 ]

0 голосов
/ 05 августа 2011

Исправили это сейчас. У меня был последующий вызов $ .ajaxSetup (), который расстраивал вещи.

0 голосов
/ 03 августа 2011

замените ваш список 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>
...