Como colocar um link alinhado correto nas guias jQuery?

Question

Eu tenho três abas de jQuery à esquerda. Desejo colocar um link "Sign Out" à direita dentro do cabeçalho do Tabs. Como posso conseguir isso?

Answer 1

Eu não uso guias jQuery, mas você poderia fazer algo assim dentro do cabeçalho?

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

Answer 2

Desculpe o atraso,

O que você está procurando é o seguinte:

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

Answer 3

Sei que isso é antigo e já existe uma resposta aceita, mas chegou perto do topo de uma pesquisa no Google que envolve algo semelhante e tenho uma solução muito mais fácil agora que achei que compartilharia para outras pessoas que encontram essa pergunta.

No seu arquivo .cshtml ou .aspx, defina as guias como assim:

<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>

Se você tentar validar o HTML bruto, receberá um erro para incluir a tag A como um filho direto do UL, mas, depois de ligar para a função JQueryui na Div, tudo será classificado da maneira que você deseja e olhar