2015-04-03 5 views
1

Допустим, у меня есть 10 вкладок. И одна из этих вкладок будет ссылаться на внешний URL. Как это сделать, пожалуйста?Как вкладка пользовательского интерфейса jQuery «OnCilck» переходит на другой URL?

Я предпочитаю, чтобы оно выполнялось как нормальное действие HREF. Потому что, когда я использую:

onclick="window.location='http://www.google.com';" 

или

$("#tab-08").click(function(){ ........... }); 

.. определенно есть задержка около 1 или 2 секунд, после щелчка этой конкретной вкладки.

Так как же я могу переопределить интерфейс JQuery UI TAB обратно к нормальной ссылке?

ответ

0

Еще один код будет полезен, но как насчет чего-то подобного?

Javascript:

$("#tabs").tabs({ 
    active: false, 
    collapsible: true, 
    beforeActivate: function (event, ui) { 
     window.open($(ui.newTab).find('a').attr('href'), '_blank'); 
     return false; 
    } 
}); 

HTML:

<div id="tabs"> 
    <ul> 
     <li><a href="http://www.google.com/">Page</a></li> 
     <li><a href="http://stackoverflow.com/">Page</a></li> 
    </ul> 
</div> 

Ваше решение также работает, но я думаю, что вы имеете дело с проблемой, связанных с браузером, который вызывает задержку.

+0

Но ваш подход применит перенаправление на каждом вкладке пользовательского интерфейса. Я прав? Как я уже сказал, я хочу, чтобы только 1 вкладка (например) действовала как настоящая ссылка HREF. Все остатки - это обычные вкладки пользовательского интерфейса. Это означает, что для остальных обычных вкладок, таких как '

  • Comments
  • ' .. все равно нужно будет оставаться как UI Tabs. (Не выходить на другую страницу/сайт) –

    +0

    Добавить атрибут данных для тега привязки, чтобы определить, что вам нужно сделать перенаправление – user398707