Могу ли я настроить виджет вкладок пользовательского интерфейса jQuery для перехода на новую страницу, когда пользователь нажимает на вкладку? - PullRequest
Новая
       20

Могу ли я настроить виджет вкладок пользовательского интерфейса jQuery для перехода на новую страницу, когда пользователь нажимает на вкладку?

2 голосов
/ 31 октября 2011

Использование по умолчанию виджета «Вкладки пользовательского интерфейса jQuery» по умолчанию заключается в размещении содержимого каждой вкладки в div на одной HTML-странице.Возможно ли, чтобы каждая вкладка была ссылкой на другую страницу?

1 Ответ

1 голос
/ 31 октября 2011

Почему вы используете вкладки jQuery вместо обычного HTML <a> в этом сценарии?

Полагаю, вы могли бы добавить хадлер смены вкладок, который переходит на новый адрес с помощью window.location, например: 

$('#myTabs').tabs();
$('#myTabs').bind('tabsselect', function(event, ui) {
    // you can access clicked tab index as ui.index
window.location = "foo.html";
});

РЕДАКТИРОВАТЬ, если вы хотите сделать это только для стиля, вы можете просто добавить правильные классы для ваших элементов: 

<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">
    <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">Active tab</li>
        <li class="ui-state-default ui-corner-top">Inactive tab</li>
    </ul>
</div>

Это будет работать, даже если пользователь отключил весь JavaScript в браузере.

...