Il est facile d'ajouter de nouveaux éléments avec jquery. Comment devrions-nous résoudre le problème selon lequel l'événement on d'éléments ajoutés dynamiquement dans jquery append ne fonctionne pas ? Dans la méthode on, vous devez d'abord rechercher le sélecteur d'origine (tel que .info), puis rechercher le sélecteur ajouté dynamiquement (tel que column.delete).
Je n'entrerai pas plus dans les détails, veuillez regarder le code ci-dessous.
<!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>
Le code ci-dessus est la solution de cet article au problème selon lequel l'événement d'élément ajouté dynamiquement par jquery append ne fonctionne pas. J'espère qu'il sera utile à l'apprentissage de tout le monde.
Comment résoudre le problème signalé par le lien MySQL 10060
Comment résoudre une page HTML tronquée
Que dois-je faire si le résultat correspondant de la fonction vlookup est N/A ?
Paiement sans mot de passe Taobao
Que sont les cloud privés ?
Quelle est la température normale d'un ordinateur portable ?
Comment utiliser HTML pour la navigation Web
Comment ouvrir un fichier au format CSV
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
