jqueryの要素は、クリックイベントが作用しない結合に、動的に追加しました

そして、テストが明確に書かれる前に真の痛み、時間が可能であり、後で何とかあなたが行うことができないではなく、実行する方法を、彼のディスクは、それを巻くための理由のために、なぜ前に見つけることができません。

溶液:元のメソッドにセレクタを検索する(実施例の.infoに記載されているように)、動的(例えば、列.delete)を添加セレクタを見つけます。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
<meta http-equiv= "Content-Type" content= "text/html; charset=UTF-8" >
<title>测试</title>
<script type= "text/javascript"
src= "../resources/js/jquery-1.11.1.min.js" ></script>
<script type= "text/javascript" >
$( function (){
//动态添加
$( ".add" ).on( "click" , function (){
console.log( "进来了" );
$( ".info" ).append( '<div class="delete"><h3>单击我来删除我</h3></div>' );
});
  //对动态添加的元素添加事件-删除
$( ".info" ).on( "click" , ".delete" , function (){
console.log( "进来了Delete!" );
$( this ).remove();
});
  });
</script>
  </head>
<body>
  <h2 class= 'add' >单击我添加动态元素</h2>
  <div class= "info" ></div>
  </body>
</html>
 

おすすめ

転載: www.cnblogs.com/love-dream-88/p/11433704.html