So ändern Sie den cursor auf default laden

Habe ich den folgenden code ändern Sie die cursor, wenn ein hyperlink angeklickt wird

        $('a').click(function () {
            $('*').css("cursor", "progress");
        });

Wenn Sie auf einen link geklickt, der cursor ändert sich zu "Fortschritt" (also der Mauszeiger) genau wie erwartet. Das problem ist jedoch, dass der cursor bleibt "Fortschritt", nachdem eine neue Seite geladen wird. Es ändert sich standardmäßig nur, nachdem die Maus bewegt wird. Dies ist im Zusammenhang mit eine andere Frage. Andere wiederum meldeten das gleiche problem.

Wie beschrieben durch den Titel, ich hoffe, die ändern den cursor auf default, wenn eine Seite geladen wird.

  • können Sie genauer über das, was passiert, wenn du den link angeklickt ? trotzdem, die Art und Weise, Sie ändern Ihren cursor sollte sein: $('body').css("cursor","Fortschritt")
  • Tut mir Leid. Ich habe gerade folgenden Satz"Wenn Sie auf einen link geklickt, der cursor ändert sich zu "Fortschritt" (also der Mauszeiger), genau so wie erwartet". Ich habe versucht mit $('body').css("cursor","Fortschritt") vor der Veröffentlichung der Frage. Ich habe auch versucht $(this).css("cursor","Fortschritt") vor der Veröffentlichung der Frage. Alle von Ihnen Verhalten sich auf die gleiche - der cursor bleibt "Fortschritt", bis die Maus bewegt wird.
  • Das ist nicht das, was ich meinte. Was wir wissen müssen ist, Wann wollen Sie Ihren cursor-so stoppen Sie den Fortschritt der animation.
  • Sorry nochmal. Ich habe gerade folgenden Satz: "Wie beschrieben durch den Titel, ich hoffe, die ändern den cursor auf default, wenn eine Seite geladen wird." Vielen Dank für den Blick in diese.
  • ich nehme an, Sie haben einen link, der das laden einer url auf eine spezielle Ziel-Fenster. Also, Sie müssen nur Folgen Sie meinem Beispiel, aber binden Sie das onload-Ereignis des Fensters.
InformationsquelleAutor Hong | 2011-04-19
  1. 8

    Du nicht deutlich angeben, wie es verwendet werden soll, aber hier ist ein Beispiel, wie die Verhalten, die Sie beschreiben, mit einem ajax-Aufruf:

    $('a').click(function () {
    $('body').css('cursor', 'progress');
    $.ajax({
      url: "test.html",
      context: document.body,
      complete: function(){
       $('body').css('cursor', 'default');
      }
    });
} );
    • Nochmals vielen Dank für den Blick in diese. Ich meinte die Umkehrung der cursor auf Standard, wenn eine neue Seite geladen wird nach dem Klick auf einen link. Ein link könnte folgendermaßen Aussehen <a href="foo.aspx">Foo</a>
    • wenn eine neue Seite geladen wird, in Ihr Fenster, der cursor wird wieder auf den Standardwert zu entladen, wieder ich denke, du meintest mit einem bestimmten Ziel wie: <ein href="foo.aspx" target="Popup">Foo</a>. Dann haben Sie Zugriff auf das document-Objekt des Fensters und hören Sie Ihre auf jetzt so: $ ("popupWindow") .bereit( unsetcursorfunction )
    • aber ich schlage vor, Sie aufzugeben, die Idee, ich denke, die Browser sind heutzutage cleary explizit genug, um den Benutzer zu Benachrichtigen, dass eine Seite geladen wird 🙂
    • Der cursor übrigen "Fortschritt" ist wahr für jede Seite einer meiner web-Anwendungen. Wenn ein link angeklickt wird, wird der cursor ändert sich zu "Fortschritt" und es bleibt nach Fortschritt die Zielseite geladen wird. Es ändert die Standardeinstellung nur, wenn die Maus bewegt wird. Ich habe dieses problem für eine Weile und fand seine Lösung musste etwas rudimentär. Nach dem Versuch alles, was ich konnte, ohne Erfolg, entschied ich poste die Frage hier.
    • Browser (z.B. FF, IE) - show "loading..." auf der unteren linken Ecke und das tun Sie nur, nachdem die Maus bewegt nach dem Klick. Ich fand es nicht angemessen ist, für einige Besucher, die dazu neigen, halten Sie auf einen link klicken, wenn Sie nicht sehen, nichts laden bald.
    InformationsquelleAutor BiAiB
Schreibe einen Kommentar