Heim > Artikel > Web-Frontend > So fügen Sie Ereignisse zu nicht vorhandenen Elementen in JQuery hinzu
So fügt jquery Ereignisse zu nicht vorhandenen Elementen hinzu: 1. Verwenden Sie vor der Version [jquery1.9] die Live-Methode. Der Code lautet [$("#id").live("click", function ()]; 2, [jquery1.9]-Version, verwenden Sie die On-Methode.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery3.2.1 &&jquery1.9-Version, DELL G3-Computer jquery-Video-Tutorial.
So fügen Sie Ereignisse zu nicht vorhandenen Elementen in jquery hinzu:
Problem:Das Hinzufügen von Ereignissen zu Elementen in jquery ist sehr einfach, wie zum Beispiel: Hinzufügen eines Klickereignisses
$(选择器).click(function(){ );
Im Projekt wird die erste Seite jedoch direkt geladen. Bei Verwendung der oben genannten Methode wird der Inhalt anderer Seiten jedoch später hinzugefügt Keine verwandten Ereignisse für die hinzugefügten Elemente. Tatsächlich ist der Grund dafür, dass die Elemente anderer Seiten am Anfang nicht vorhanden sind, wie man Ereignisse zu nicht vorhandenen Elementen hinzufügt Lösung:
Verwenden Sie die Live-Methode: Binden Sie Ereignisse an nicht vorhandene Elemente$("#id").live("click", function () { alert("ok"); });Nach jquery 1.9+ wurde die Live-Methode jedoch gelöscht, um Live zu ersetzen Die Antwort ist die Verwendung der on-Methode
$("#id").on("click",function(){ alert("ok"); });Nach der Verwendung der on-Methode ist sie jedoch immer noch ungültig. Es gibt kein Problem mit der Syntax. Die Antwort ist, dass sie nicht so geschrieben werden sollte Wenn Sie einem Element ein Ereignis hinzufügen, das nicht vorhanden ist, verwenden Sie die folgende Schreibmethode:
$(document).on("click",'#id', function(){ alert("ok"); });Verwenden Sie die obige Schreibmethode, und das Problem ist gelöst. Verwandte kostenlose Lernempfehlungen:
Javascript
(Video)
Das obige ist der detaillierte Inhalt vonSo fügen Sie Ereignisse zu nicht vorhandenen Elementen in JQuery hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!