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» à droite dans l'en-tête des onglets. Comment je peux y parvenir?

Answer 1

Je n'utilise pas les onglets jQuery, mais pourriez-vous faire quelque chose comme ça 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 c'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 pensais que je partagerais pour d'autres qui trouvent cette question.

Dans votre .cshtml ou d'un fichier .aspx, définir 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 le ul mais, une fois que vous appelez les onglets jQueryUi fonction sur le div parent, il sera tout trier comme vous le souhaitez et regarder