La solution de jquery à l'événement de clic invalide dans le code js généré plus tard

La version jquery utilisée : jquery-3.1.1

L'événement click écrit directement dans la page est valide :

<a class="deleteCls" beanId="${bean.id }" href="javascript:void(0)">删除</a>
$("a.deleteCls").click(function() {      alert("del");    });

Mais le code généré en js :

str += "<td><a class=&#39;deleteCls&#39; beanId=&#39;" + item.id + "&#39; href=&#39;javascript:void(0)&#39;>删除</a></td>";

Le clic a échoué. J'ai vérifié les informations et j'ai dit qu'il s'agissait d'un code généré plus tard. Jquery n'avait pas lié l'événement de clic.

<.>Voici la solution :

Modifier

$("a.deleteCls").click(function() {
      alert("del");
    });

en (tableList est l'identifiant du table table, et le code généré est dans la balise table ):

$("#tableList").on("click","a.deleteCls",function(){
    alert("del");
    });

Résolu, maintenant l'événement click du code généré peut également répondre !

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!