Comment mettre un lien aligné à droite dans les onglets jQuery?

Question

J'ai trois onglets jQuery sur la gauche. Je souhaite mettre un lien « Déconnexion » sur la droite dans l'en-tête des onglets. Comment puis-je y parvenir?

Answer 1

Je ne pas utiliser les onglets jQuery, mais pourriez-vous faire quelque chose comme cela dans l'en-tête?

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

Answer 2

Désolé pour le retard,

Ce que vous cherchez est le suivant:

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

Answer 3

Je sais que cela est vieux et il y a déjà une réponse acceptée, mais il est venu près du sommet sur une recherche Google qui implique quelque chose de similaire et j'ai une solution beaucoup plus facile maintenant que je me suis dit que je voudrais partager pour d'autres qui trouvent cette question.

Dans votre .cshtml ou d'un fichier .aspx, définissez les onglets comme ceci:

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

Si vous essayez de valider le code HTML brut, vous obtiendrez une erreur d'inclure la balise comme un enfant direct de la ul mais, une fois que vous appelez la fonction des onglets jQueryUI sur la div parent, cela va se trier la manière vous voulez et regarder