Heim > Web-Frontend > js-Tutorial > So lösen Sie das Problem, dass JQuery nicht wirksam wird

So lösen Sie das Problem, dass JQuery nicht wirksam wird

藏色散人
Freigeben: 2020-11-30 10:58:28
Original
3797 Leute haben es durchsucht

Die Lösung für den Fall, dass jquery nicht funktioniert: Öffnen Sie zuerst die entsprechende Codedatei und verwenden Sie dann die richtige Methode „$('body').on('click', '#test .evt', function() {alert($ (this).text())});" Einfach on verwenden.

So lösen Sie das Problem, dass JQuery nicht wirksam wird

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0. Diese Methode ist für alle Computermarken geeignet.

Empfehlung: „jquery-Tutorial

Die on()-Bindungsmethode von jquery ist ungültig

Das Element vor on muss auch im Dom vorhanden sein, wenn die Seite geladen wird. Dynamische Elemente oder Stile können im zweiten Parameter von on platziert werden. Die jQuery-Methode on() ist eine offiziell empfohlene Methode zum Binden von Ereignissen. Verwenden Sie die Methode on(), um bestimmte Ereignisse an dynamische Elemente zu binden, die in der Zukunft dynamisch erstellt werden, z. B. Anhängen usw.

<div id="test">
<div class="evt">evt1</div>
</div>
Nach dem Login kopieren

Die folgende Methode bindet das Klickereignis nur an das erste Div mit der Klasse evt. Das dynamisch erstellte Div ist nicht gebunden

<script>
// 先绑定事件再添加div
$(&#39;#test .evt&#39;).on(&#39;click&#39;, function() {alert($(this).text())});
$(&#39;#test&#39;).append(&#39;<div class="evt">evt2</div>&#39;);
</script>
Nach dem Login kopieren

Checkbox-Radio-Einstellung ;input name="ck" type="checkbox"> wird dynamisch hinzugefügt, Sie können dies tun

<script>
$(&#39;body&#39;).on(&#39;click&#39;, &#39;#test .evt&#39;, function() {alert($(this).text())});
$(&#39;#test&#39;).append(&#39;<div class="evt">evt2</div>&#39;);
</script>
Nach dem Login kopieren

Hinweis: $(selector).on(event,childSelector,data,function,map)

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass JQuery nicht wirksam wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage