Как сохранить динамически загруженные вкладки jQuery закрытыми, пока кто-нибудь не нажмет на них? - PullRequest
Новая
       8

Как сохранить динамически загруженные вкладки jQuery закрытыми, пока кто-нибудь не нажмет на них?

0 голосов
/ 27 ноября 2010 
<script>
$(function() {
    $( "#tabs" ).tabs({
        ajaxOptions: {
            error: function( xhr, status, index, anchor ) {
                $( anchor.hash ).html(
                    "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                    "If this wouldn't be a demo." );
            }
        }
    });
});
</script>



<div class="demo">

    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Name</a></li>
            <li><a href="#tabs-2">Address</a></li>
        </ul>
        <div id="tabs-1">
            <div id="dynamicContent">
                John Doe
            </div>
        </div>
        <div id="tabs-2">
            Cupertino, California
        </div>
    </div>

</div><!-- End demo -->

Я загружаю dynamicContent, используя вызов ajax после загрузки страницы.

Когда данные загружаются, красивые цветные стилизованные вкладки в верхней части блока заменяются неупорядоченным списком: 

- Name
- Address

Я попытался сбросить вкладки, чтобы они не выбирались после завершения вызовов ajax: 

$( "#tabs" ).tabs({ selected: -1 });

Но это не работает.

Что-нибудь еще попробовать?

1 Ответ

0 голосов
/ 29 ноября 2010

Должен работать с {selected: -1}.См. working demo.Здесь я загружаю вкладку с именем AJAX и отображаю вкладку с информацией о документации на сайте jsfiddle.

Полагаю, ваши таблицы стилей или классы перезаписываются ответом ajax, что приводит к устранению эффекта табуляции.

Только в FF + Firebug, проверьте ваш неупорядоченный список после того, как ваш контент загружен AJAX и проверьте его классы.

...