Как инициализировать вкладки пользовательского интерфейса jQuery без использования атрибута 'href'?

0

При использовании <base> на странице, которая отображает содержимое с вкладками, используя плагин jQuery UI Tabs, все адские промахи теряются на этой странице. Это почему-то из-за атрибута href применяемого к элементам заголовка вкладки, на которые полагается плагин. Из документации плагина:

Каждая вкладка "title" должна быть внутри элемента списка (<li>) и завернута якорем (<a>) с атрибутом href "

Вот пример из моего приложения:

<li><a href="#productsSection"><span>Choose product</span></a></li>

Есть ли способ обхода, который я могу использовать для инициализации плагина Tabs без использования атрибута href? В верхней части моей головы я полагаю, что было бы лучше полагаться на атрибут data-href.

Теги:
tabs

1 ответ

2
Лучший ответ

Вы можете использовать следующий фрагмент, чтобы восстановить href propety:

$(function () {
    $("#tabs").find('a').prop('href', function(){
        return window.location.href + $(this).attr('href');
    }).end().tabs(); // << initialize plugin HERE
});

--See для example--

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню