Comment résoudre le problème sur lequel jquery ne prend pas effet

La solution pour que jquery ne prenne pas effet : ouvrez d'abord le fichier de code correspondant ; puis utilisez la bonne méthode "$('body').on('click', '#test .evt', function( ) {alert($(this).text())});” Utilisez simplement sur.

L'environnement d'exploitation de ce tutoriel : Système Windows 7, jquery version 1.10.0 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "tutoriel jquery"

La liaison on() de Jquery n'est pas valide

sur l'élément précédent Il doit également exister dans le dom lorsque la page est chargée. Des éléments ou styles dynamiques peuvent être placés dans le deuxième paramètre de on

La méthode jQuery on() est une méthode officiellement recommandée pour lier des événements. Utilisez la méthode on() pour lier les événements spécifiés aux éléments dynamiques créés dynamiquement dans le futur, tels que l'ajout, etc.

<div id="test">
<div class="evt">evt1</div>
</div>

est une mauvaise utilisation. La méthode suivante lie uniquement l'événement click au premier div avec la classe evt. Le div créé dynamiquement à l'aide de append n'est pas lié. ：

<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>

paramètre de sélection radio de la case à cocher Si est ajouté dynamiquement, vous pouvez le faire

<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>

Remarque : $(selector). sur (événement, childSelector, données, fonction, carte)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!