jQuery ändern cursor auf auf den link klicken

Wie ich das ändern kann der cursor css-Eigenschaft für ein link-element, so dass, wenn der Benutzer den link angeklickt, der cursor wechselt Zeiger zu warten ?

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

Dies funktioniert, aber ich muss bewegen Sie mit der Maus über den link um zu sehen, die warten-Anzeige, wenn ich meinen cursor über den link, ich sehe noch den Mauszeiger.

Wie kann ich diese Arbeit machen, ohne sich zu bewegen mein cursor ?

InformationsquelleAutor astropanic | 2011-02-16

  1. 1

    Beispiel

    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');
  });
});

    Veränderungen der Eigenschaft der aktuelle link zu der wait-cursor als gut, weil Sie standardmäßig so eingestellt sind Zeiger.

    Nicht für mich, Ubuntu, Google Chrome
    Funktioniert das jsfiddle für Sie arbeiten?
    Nein, das jsfiddle nicht funktionieren
    Chrom, Kofferraum: immer noch nicht funktionieren, ohne sich zu bewegen Sie den cursor.

    InformationsquelleAutor Loktar

  2. 1

    möchten Sie nur warten, bis der cursor auf dem link?
    so, warum wählen Sie Körper und cursor ändern?!

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

    InformationsquelleAutor Saeed-rz

  3. 0

    Probieren (nicht getestet) :

    jQuery('body').trigger('hover');
    Nicht für mich, Ubuntu, Google Chrome

    InformationsquelleAutor 3rgo

  4. 0

    wenn ich das richtig verstehe , Sie wollen, klicken auf einen link ( zum Beispiel ein Element LÖSCHEN ) ändern Sie dann die Maus, um zu warten, bis Ihr Antrag erledigt ist, schalten Sie es wieder auf default...

    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";
    });
}

    InformationsquelleAutor shahrokh nabavi

  5. 0

    Ich habe es zu arbeiten, ändern Sie die Klasse von der einen, und die änderung der jquery $ wie folgt: 

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

    Jedoch wird diese Arbeit für alle Anker-tags ein. Sie müssen angeben, dass die css-Klasse, die Sie wollen es sich zu bewerben.

    InformationsquelleAutor Hilton

Schreibe einen Kommentar