JQuery UL Вкладки дублируют навигацию?

Question

У меня настроены базовые вкладки jQuery ul .. ( эта )

Есть ли в любом случае дублировать навигацию по главной вкладке?Для того, чтобы сказать, что он внизу стилизован по-разному?

Работает так же, как главная вкладка nav, хотя, выбирает другую вкладку, имеет активный класс и т. Д.

Просто отдельно, так что 2Навигации, которые управляют одной областью содержимого вкладок.

Возможно?

Спасибо за любую помощь:)

Answer 1

Хотя вы могли бы клонировать фактическую панель навигации (см. Ниже), но плагин кэширует теги привязки, чтобы клонированная навигация не работала полностью.

Возможное решение заключается в создании новой навигации путем клонированияпривязки (без событий и данных, только разметка) и при щелчке по этим привязкам для изменения вкладок вызывается метод " select ":

$( "#tabs" ).tabs({
    create: function(e, ui) {
        var bottomNav = $('<div class="ui-tabs-nav bottom" />').appendTo(this);
        $(this).find('.ui-tabs-nav a')
            .clone()
            .click(function() {
                $( "#tabs" ).tabs('select', $(this).index());
            }).appendTo(bottomNav);
    }
});​

ДЕМО

---

Да, вы можете.Вы можете использовать событие create , которое вызывается при создании разметки для вкладок.Создайте глубокий клон (с данными и событиями) с помощью .clone (true, true) элемента .ui-tabs-nav и добавьте его в контейнер вкладок (вы можете использовать css для изменения стиля):

$( "#tabs" ).tabs({
    create: function(e, ui) {
        var tabsNav = $(this).find('.ui-tabs-nav').clone(true, true);
        tabsNav.appendTo(this);
    }
});​