jQuery modifier le curseur sur cliquez sur le lien

Comment je peux changer le curseur de la propriété css d'un élément de lien, de sorte que lorsque l'utilisateur clique sur un lien, le curseur commutateurs de pointeur attendre ?

jQuery(document).ready(function(){
  jQuery('a.cursor_wait').click(function(){
    jQuery('body').css('cursor', 'wait');
  });
});

Cela fonctionne, mais je dois déplacer avec la souris sur le lien pour voir l'attente de l'indicateur, quand je laisse mon curseur sur le lien, je vois encore le pointeur.

Comment puis-je faire ce travail sans bouger mon curseur ?

OriginalL'auteur astropanic | 2011-02-16

  1. 1

    Exemple

    http://jsfiddle.net/loktar/3WLGt/4/

    JS

    jQuery(document).ready(function(){
  jQuery('a.cursor_wait').click(function(){
    jQuery('body').css('cursor', 'wait');
      jQuery(this).css('cursor', 'wait');
  });
});

    Modifications de la propriété de la liaison en cours pour le curseur d'attente, parce que par défaut, ils sont mis à pointeur.

    Ne fonctionne pas pour moi, Ubuntu, Google Chrome
    Le jsfiddle travail pour vous?
    Non, le jsfiddle ne fonctionne pas non plus
    Le chrome, le coffre de la voiture: ne fonctionne toujours pas, sans déplacer le curseur.

    OriginalL'auteur Loktar

  2. 1

    vous voulez seulement curseur d'attente sur votre lien?
    alors pourquoi choisir le corps et changer de curseur?!

    $('a').css('cursor','wait');

    OriginalL'auteur Saeed-rz

  3. 0

    Essayer ça (pas testé) :

    jQuery('body').trigger('hover');
    Ne fonctionne pas pour moi, Ubuntu, Google Chrome

    OriginalL'auteur 3rgo

  4. 0

    si je comprends bien , vous voulez cliquez sur un lien ( par exemple la SUPPRESSION d'un élément ), puis de modifier le coursier à attendre jusqu'à ce que votre demande sera réalisée, revenir aux réglages par défaut,

    var c= confirm("Are you sure?");
if(c)
{ 
    document.body.style.cursor="wait";
    $.post("delete.php?id=212",function(data){
        alert('I\'ve done it...');
        document.body.style.cursor="default";
    });
}

    OriginalL'auteur shahrokh nabavi

  5. 0

    Je l'ai eu à travailler de changer la classe de l'un et de changer le jquery $ comme ci-dessous: 

    $(document).ready(function() {
    $('a').click(function() {
        $('body').css('cursor', 'wait');
        $(this).css('cursor', 'wait');
    });
});

    Cependant, cela fonctionne pour toutes les balises d'ancrage d'un. Vous aurez besoin de spécifier la classe css que vous souhaitez appliquer.

    OriginalL'auteur Hilton