Можете ли вы иметь вкладки JQuery UI в отдельных, содержащих div

Question

Я бы хотел, чтобы список ссылок моей вкладки находился в верхней части моего сайта, а в нижнем - чтобы он менял содержимое Это будет в двух отдельных div. Это возможно? Я не могу найти никакой документации, в которой говорится, что это возможно, только то, что они должны быть в одном и том же разделе. Я не хочу прибегать к куче абсолютно позиционированных элементов. ТНХ

Answer 1

Вы можете изменить виджет JQuery-UI, чтобы отделить вкладки и панели содержимого с помощью следующего кода:

$.widget( "ui.tabs", $.ui.tabs, {
    _getPanelForTab: function( tab ) {
        var id = $( tab ).attr( "aria-controls" );
        return $( this._sanitizeSelector( "#" + id ) );
    }
});

В виджете tabs.ui метод _getPanelForTab начинает поиск элемента с правильным идентификатором в элементе div вкладки. В этом модифицированном методе на всей странице выполняется поиск элемента с правильным идентификатором.

Вы также можете создать новый виджет на основе виджета ui.tabs, если вы не хотите переопределять его поведение на всех своих страницах. Смотрите: Как расширить виджет jquery ui? (1,7)

Answer 2

Вы хотите отделить саму вкладку от панели содержимого?Это скорее отрицает цель использования представления в виде вкладок;Звучит так, будто вы хотите что-то более похожее на навигационное меню.

Тем не менее, вы можете выполнить желаемое с помощью CSS на вкладках пользовательского интерфейса jQuery.

Простой пример: http://jsfiddle.net/mattball/eyQuM/