Es ist einfach, mit jquery neue Elemente hinzuzufügen. Wie können wir das Problem lösen, dass das Anhängen dynamisch hinzugefügter Elemente in jquery nicht funktioniert? Bei der on-Methode müssen Sie zuerst den ursprünglichen Selektor (z. B. .info) und dann den dynamisch hinzugefügten Selektor (z. B. Column.delete) finden.
Ich werde nicht mehr auf Details eingehen, schauen Sie sich bitte den Code unten an.
<!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>
Der obige Code ist die Lösung dieses Artikels für das Problem, dass das durch jquery append dynamisch hinzugefügte Elementereignis nicht funktioniert. Ich hoffe, dass es für das Lernen aller hilfreich ist.
So lösen Sie das Problem, dass MySQL Link 10060 meldet
So lösen Sie eine verstümmelte HTML-Seite
Was soll ich tun, wenn das übereinstimmende Ergebnis der Vlookup-Funktion N/A lautet?
Taobao passwortfreie Zahlung
Was sind private Clouds?
Was ist die normale Temperatur eines Laptops?
So verwenden Sie HTML für die Webnavigation
So öffnen Sie eine Datei im CSV-Format
