Comment montrer la petite main dans un lien qui n'a pas l'attribut href?

j'ai ce lien <a>jander</a>.

Quand je mets le curseur de la souris, le curseur de sélection est affiché à la place de la petite main.

Est-il une manière de montrer le peu de main?

Remarque: je ne veux pas utiliser de href='#', parce que c'est le cas lorsque je clique sur le lien (c'est un lien qui exécute la fonction ajax), il va vers le haut de la page.

source d'informationauteur ziiweb

  1. 34

    Style le curseur de la manière suivante:

    <a style="cursor:pointer;">jander</a>
  2. 4

    Utilisation 

    cursor: pointer;

    dans l'élément de style et de classe. Notez que cela fonctionnera sur n'importe quel élément — pas seulement a.

    Par ailleurs, vous pouvez toujours return false dans votre gestionnaire d'éviter le problème que vous avez avec href="#".

  3. 2

    Ajouter style="cursor:pointer;" à votre a tag.

  4. 2

    Vous pouvez également le faire:

    <a href="javascript:;">jander</a>

    Cela empêche le défilement vers le haut de la page et de maintenir des liens ayant un attribut href (idéal dans les situations où des CSS est verrouillé ou si vous avez une limitation de la CMS).

  5. 1

    si vous souhaitez définir pour tous les <a> attribut défini dans votre fichier css.

    a {
  cursor:pointer;
}
  6. 1

    Lors de l'utilisation de Bootstrapvous pouvez effectuer les opérations suivantes:

    <a role="button">jander</a>
  7. 0

    éviter styles en ligne! utiliser une classe

    <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>
  8. 0

    Lorsque vous utilisez des liens de JavaScript, vous pouvez également utiliser
    <a href="javascript:false">jander</a>
    ou
    <a href="#" onClick="ajaxFunction(); return false;">
    le retour false, 'désactiver' l'attribut href