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

Question

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

Answer 1

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

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

Answer 2

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

Вы ищете следующее:

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

Answer 3

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

В вашем файле .cshtml или .aspx определите вкладки как SO:

<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, вы получите ошибку за включение тега A в качестве прямого ребенка UL, но, как только вы позвоните на вкладки jQueryui в родительском Div, все это будет отсортировать так, как вы хотите, и Смотреть