jquery: supprimer le pointeur de la souris?

Pourquoi ne puis-je pas modifier le CSS d'un a tag avec jquery? Par exemple,

html,

<a href="#">1</a>
<a href="">2</a>
<a href="http://website.com/#/home/about/">3</a>
<a href="http://website.com/home/about/">4</a>

lien 1 et 2 ne sont pas cliquables si je veux supprimer le pointeur du curseur.

jquery,

$("a").click(function(e){
    if($(this).attr("href") == "#" || $(this).attr("href") == "") {
        alert("this is non-clickable");
        $(this).css({cursor:"default"});
        e.preventDefault();   
    }
    else{
        alert($(this).attr("href"));
        $(this).css({cursor:"pointer"});
        e.preventDefault();   
    }
});

est-il possible?

jsfiddle

  • Il fonctionne pour moi. Ce n'est pas de travail? Quel navigateur utilisez-vous?
  • J'deuxième. Elle fonctionne.
  • Firefox affiche cursor: pointer; dans le violon, il a partagé 🙂
  • vraiment? testé à l'instant sur FF 22.0 et il fonctionne . . bizarre
  • calme en effet, il me montre une main quand je hover 1 et 2 liens :-/
  • sa valeur par défaut lorsque vous cliquez sur elle. Au début de son un pointeur, mais après avoir cliqué sur le 1/2 lien il des changements à la valeur par défaut.
  • oui, c'est la chose qu'il le soulignait, il voulait éviter que le pointeur sur le vol stationnaire trop... OMI..
  • hmmm. si il voulait une méthode jquery de modifier le curseur bien puis son code ne doit pas utiliser .click mais peut-être .mouseenter ou mouseover. Mais encore votre css méthode est encore mieux.
  • oui..

InformationsquelleAutor laukok | 2013-07-20
  1. 11

    Si vous le souhaitez, vous pouvez simplement le faire avec le CSS

    a[href="\#"], a[href=""] {
    cursor: default;
}
/* I've used an element[attr] selector here which will select all a tags 
   with this combination, if you want to target specific a tags, 
   wrap them in an element with a class and you can than refer as 
   .class a[href]... */

    Démo

    Si vous souhaitez désactiver les liens, vous pouvez le faire aussi à l'aide de CSS pointer-events: none; propriété

    Demo 2 (Vous aidera si JS est désactivé, ce ne sera pas le message d'alerte, mais il va vous aider à désactiver l'événement auquel vous tentez de le faire)

    InformationsquelleAutor Mr. Alien
  2. 2

    Votre erreur est dans votre jquery css. Vous avez besoin de citations tour de votre css js devrait ressembler à ceci:

    $("a").click(function(e){
    if($(this).attr("href") == "#" || $(this).attr("href") == "") {
        alert("this is non-clickable");
        $(this).css({'cursor' :"default"});
        e.preventDefault();   
    }
    else{
        alert($(this).attr("href"));
        $(this).css({'cursor':"pointer"});
        e.preventDefault();   
    }
});

    Vous pouvez également utiliser addClass méthode, puis dans le css ont un style pour ne href

    • Pas de. Le problème n'est pas ici. Vous n'avez pas besoin de guillemets.
    • Avez-vous vu l'ajout de la classe
    • L'ajout de la classe ?
    • .addClass() de jquery
    • Oui et ? Je ne comprends pas pourquoi vous parlez de l'addClass méthode.
    • Vous pouvez ajouter une classe, si le href est "" ou "#", puis avoir un style dans le css pour que le style de cursor: default
    • ok, je comprends.

    InformationsquelleAutor
  3. 0

    essayer de changer la ligne

    forme

    $(this).css({cursor:"default"});

    à

    $(this).css('cursor','default');

    laissez-moi savoir si vous rencontrez le moindre problème

    • nope, pas de travail...
    InformationsquelleAutor ABorty