Как поместить правильную ссылку на вкладку jQuery?

Question

У меня есть три вкладки jQuery слева. Я хочу разместить ссылку "Выйти" справа в заголовке вкладок. Как мне этого добиться?

Answer 1

Извините за задержку,

То, что вы ищете, это:

<li style="float: right"><a href="yourlogoutlink"><span>Log out</span></a></li>

Answer 2

Я знаю, что это старый и уже принятый ответ, но он оказался на вершине в поиске Google, который включает в себя нечто подобное, и теперь у меня есть намного более простое решение, так как я решил поделиться с другими, которые найдут это вопрос.

В файле .cshtml или .aspx определите вкладки следующим образом:

<div id="tabs">
  <ul>
     <li><a href="#tab1">Tab 1</a></li>
     <li><a href="#tab2">Tab 2</a></li>
     <li><a href="#tab3">Tab 3</a></li>
     <a href="/Account/SignOut" style="float:right;">Sign Out</a>
  </ul>
  <div id="tab1">tab 1 content</div>
  <div id="tab2">tab 2 content</div>
  <div id="tab3">tab 3 content</div>
</div>

Если вы попытаетесь проверить необработанный html, вы получите ошибку для включения тега в качестве прямого потомка ul, но, как только вы вызовете функцию вкладок jQueryUi в родительском div, все будет отсортировано хочешь и посмотри

Answer 3

Я не использую вкладки jQuery, но не могли бы вы сделать что-то подобное в заголовке?

<a href="" style="position:absolute; right:0">My link</a>