¿Cómo poner un enlace alineado correcto en las pestañas jQuery?
-
21-09-2019 - |
Pregunta
Tengo tres pestañas jQuery a la izquierda. Deseo poner un enlace de "cierre de sesión" a la derecha dentro del encabezado de pestañas. ¿Cómo puedo lograr eso?
Solución
No uso pestañas jQuery, pero ¿podrías hacer algo como esto dentro del encabezado?
<a href="" style="position:absolute; right:0">My link</a>
Otros consejos
Pido disculpas por la demora,
Lo que estás buscando es esto:
<li style="float: right"><a href="yourlogoutlink"><span>Log out</span></a></li>
Sé que esto es viejo y ya hay una respuesta aceptada, pero surgió cerca de la parte superior en una búsqueda en Google que implica algo similar y tengo una solución mucho más fácil ahora que pensé que compartiría para otros que encuentran esta pregunta.
En su archivo .cshtml o .aspx, defina las pestañas como así:
<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 intenta validar el HTML sin procesar, obtendrá un error por incluir la etiqueta A como hijo directo del UL, pero, una vez que llame a la función de pestañas jQueryui en el Div principal, todo se clasificará de la manera que desee y Mira