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

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

藏色散人
藏色散人Original
2020-11-26 11:25:213667Durchsuche

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>

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>

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>

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!

Stellungnahme:
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
Vorheriger Artikel:Was bedeutet jquery?Nächster Artikel:Was bedeutet jquery?