jQuery von Kopf bis Fuß (German Edition)

Elementen entfernen – beispielsweise, wenn Sie nicht wollen, dass die Besucher einen Submit-Button zweimal anklicken oder etwas anderes auf der Seite nur einmal passieren soll. Genau das brauchen wir für die Anforderungen unserer „Freudensprünge“ -Seite.
    Nachdem ein Event an ein Element gebunden wurde, können wir es entfernen, damit es nicht noch einmal ausgelöst wird.

Ein Event entfernen
    Der Befehl unbind weist den Browser an, ein bestimmtes Event für dieses Element nicht mehr zu beachten.

Alle Events entfernen

    Ja, das ist vollkommen richtig!
    Wir wollen einmal sehen, welche Events uns beim Erfüllen der ersten Anforderung helfen können.

    Spitzen Sie Ihren Bleistift
    Aktualisieren Sie den Code aus dem letzten Kapitel mit den Informationen über $(this) und dem, was Sie über Events gelernt haben. Überarbeiten Sie den Code, so dass das click-Event von den
div
-Elementen entfernt wird.
    Spitzen Sie Ihren Bleistift: Lösung
    Aktualisieren Sie den Code aus dem letzten Kapitel mit den Informationen über $(this) und dem, was Sie über Events gelernt haben. Überarbeiten Sie den Code, so dass das click-Event von den
div
-Elementen entfernt wird.
    Probefahrt
    Aktualisieren Sie Ihre index.html -Datei mit diesem neuen Code. Klicken Sie ein wenig darin herum, um zu überprüfen, dass alles wie gewünscht funktioniert.

    Sie haben recht. Das click-Event wird noch nicht von allen Elementen entfernt.
    Das Event wird nur von den Elementen entfernt, die bereits angeklickt wurden. Andere Felder können also immer noch angeklickt werden. Es wäre gut, wenn Sie das Anklicken der anderen Felder auch verhindern könnten.
    Kopf-Nuss
    Wie können Sie das click-Event für alle Felder entfernen, nachdem der Besucher eines des Felder angeklickt hat? Müssen Sie die Felder vielleicht einzeln behandeln?

Die Elemente der Reihe nach durchgehen
    Oft ist es nötig, die Elemente eines nach dem anderen zu bearbeiten. Zum Glück gibt es in jQuery die Möglichkeit, eine Schleife über eine Gruppe von Elementen auszuführen, je nachdem, welcher Selektor gewählt wird. Das Durchlaufen von Schleifen wird auch als Iteration bezeichnet. Dabei wird für jedes Element der Gruppe eine bestimmte Aktion durchgeführt.

    Es gibt keine: Dummen Fragen
    F:
F: Kann ich in meinem Code Events auslösen?
A:
A: Ja sicher! Das kommt sogar recht häufig vor. Gute Beispiele hierfür sind das Abschicken von Formularen zur Überprüfung oder das Verstecken von modalen Pop-up-Fenstern, um nur ein paar zu nennen.
F:
F: Und wie löse ich ein Event aus?
A:
A: Wie bei den meisten Sachen haben die Erfinder von jQuery versucht, das Ganze so zu gestalten, dass man es sich leicht merken kann. Sie brauchen dafür nur die
.trigger
-Methode und einen Selektor, zum Beispiel
$("button:first").trigger('click');
oder
$("form").trigger('submit');
.
F:
F: Kann ich Events in meiner Webseite auch ohne jQuery benutzen?
A:
A: Ja, das geht. jQuery macht die Bindung von Events an Elemente nur einfacher, weil es browserübergreifend funktioniert und einfach benutzbare Funktionen verwendet, um Events an Elemente zu binden.
F:
F: Wie funktioniert
.each
?
A:
A:
.each
verwendet den aufrufenden Selektor und erzeugt daraus ein Array der Elemente, auf die der Selektor passt. Danach wird jedes Element im Array der Reihe nach bearbeitet. Keine Angst, wir werden uns später noch genauer mit Arrays und Schleifen befassen.
F:
F: Ich habe gesehen, dass man mit jQuery auch Elemente erstellen kann, nachdem die Seite geladen wurde. Können diese Elemente auch mit Events versehen werden?
A:
A: Ja, das geht. Nachdem ein Element erzeugt wurde, können Sie ebenfalls die
.bind
-Methode verwenden, um es mit einem Event Listener zu versehen. Wenn Sie schon vorher wissen, dass sich die neu erzeugten Elemente verhalten sollen wie Elemente, die es bereits gibt, können Sie auch die Methode
.live
benutzen. Damit können Sie alle Element mit einem Handler ausstatten, auf die der aktuelle Selektor passt, jetzt und in Zukunft. Das funktioniert sogar für Elemente, die noch gar nicht in das DOM eingefügt wurden.
    Spitzen Sie Ihren Bleistift
    Schreiben Sie den Code, um das click-Event von allen anklickbaren Feldern in der „Freudensprünge“ -Seite zu entfernen. Lesen Sie sich Ihren Code aufmerksam durch, um zu sehen, ob es Teile gibt, die nicht mehr gebraucht werden.
    Spitzen Sie Ihren Bleistift: Lösung
    Durch den Aufruf der .each -Methode für die .ratespiel -Klasse wird eine Schleife über alle