masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > teks badan

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

WBOY
Lepaskan： 2016-05-16 15:48:09
asal
1333 orang telah melayarinya

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>
Salin selepas log masuk

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

Label berkaitan：
jquery动态添加元素 jquery_append事件
sumber：php.cn
Artikel sebelumnya：Perkara yang perlu diberi perhatian apabila menggunakan fungsi rekursif dalam pengetahuan JavaScript_Basic Artikel seterusnya：Memahami prototaip dan rantaian prototaip dalam javascript
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
Masalah yang dihadapi apabila menggunakan opentbs untuk menjana fail odt: nilai kunci yang sama dipaparkan dalam baris yang sama dan bukannya lajur yang berasingan. Saya menggunakan perpustakaan yang dipanggil OpenTbs untuk mencipta odt menggunakan PHP, s...
daripada 2024-04-06 20:18:18
0
1
483
Pautan dan butang Highcahrts dalam petua alat tidak berfungsi Saya cuba mencetuskan acara klik dari dalam petua alat. Saya meletakkan butang dengan acar...
daripada 2024-04-04 22:01:46
0
1
1352
json ditambahkan ke MySQL Bagaimana untuk menambah elemen baharu pada pembolehubah json dalam mySQL daripada ini: va...
daripada 2024-04-04 19:17:30
0
1
352
Tajuk yang disemak: Kira jumlah berdasarkan pilihan kotak pilihan Saya sedang membangunkan aplikasi penjejakan kewangan yang mudah. Dalam permohonan itu, te...
daripada 2024-04-04 13:45:50
0
1
3465
Perwakilan acara Javascript dengan pemilih dan kanak-kanak yang tidak diketahui Saya mempunyai pemilih dinamik (linkTrigger) yang sepatutnya menangkap klik pada elemen. S...
daripada 2024-04-03 23:39:19
0
1
420
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan