tengo este enlace <a>jander</a>.¿Cómo mostrar la manita en un enlace que no tiene el atributo href?
Cuando coloco el cursor del mouse sobre él, se muestra el cursor de selección en lugar de la manecilla pequeña.
¿Hay alguna manera de mostrar la manita?
Nota: No quiero usar href = '#' porque es ese el caso cuando hago clic en el enlace (es un enlace que ejecuta la función ajax), va al principio de la página.
estilo el cursor como tan:
<a style="cursor:pointer;">jander</a>
Uso
cursor: pointer;
en el estilo del elemento o clase. Tenga en cuenta que esto funcionará en cualquier elemento — y no solo en a.
Por cierto, siempre puede return false en su controlador para evitar el problema que tiene con href="#".
Agregue style="cursor:pointer;" a su a etiqueta.
si desea establecer para todos <a> conjunto de atributos esto en su archivo css.
a {
cursor:pointer;
}
También puede hacer:
<a href="javascript:;">jander</a>
Esto evita que el desplazamiento hacia la parte superior de la página y mantiene sus enlaces tienen un atributo href (ideal en algunas situaciones donde CSS está bloqueado o si tiene un CMS limitante).
¡evite los estilos en línea! utilizar una clase
<style>
.no-href-but-gimme-pointer{cursor:pointer;}
</style>
<a class='no-href-but-gimme-pointer'>hover me for pointer, but don't click me -- i won't do anything!</a>
Cuando se utiliza enlaces de JavaScript también puede utilizar <a href="javascript:false">jander</a> o <a href="#" onClick="ajaxFunction(); return false;"> el retorno falsa voluntad 'desactivar' el atributo href
Al utilizar Bootstrap, puede hacer lo siguiente :
<a role="button">jander</a>
Y si está utilizando Bootstrap puede usar 'text' – xonya