cari

Rumah  >  Artikel  >  hujung hadapan web  >  jquery menambah acara elemen yang ditambah secara dinamik pada tidak berfungsi solution_jquery

jquery menambah acara elemen yang ditambah secara dinamik pada tidak berfungsi solution_jquery

WBOY
WBOYasal
2016-05-16 15:48:091315semak imbas

Adalah mudah untuk menambah elemen baharu dengan jquery. Bagaimanakah kita harus menyelesaikan masalah apabila elemen ditambah secara dinamik dalam jquery append tidak berfungsi? Dalam kaedah on, anda mesti mencari pemilih asal dahulu (seperti .info), dan kemudian mencari pemilih yang ditambah secara dinamik (seperti column.delete).

Saya tidak akan menerangkan butiran lagi, sila lihat kod di bawah. 

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

Kod di atas adalah penyelesaian artikel ini kepada masalah bahawa acara elemen yang ditambahkan secara dinamik oleh jquery append tidak berfungsi.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Perkara yang perlu diberi perhatian apabila menggunakan fungsi rekursif dalam pengetahuan JavaScript_BasicArtikel seterusnya：Perkara yang perlu diberi perhatian apabila menggunakan fungsi rekursif dalam pengetahuan JavaScript_Basic

Artikel berkaitan

Lihat lagi