Le contenu ajouté dynamiquement contient des boutons de clic, mais le clic de jquery ne peut pas déclencher
$('#addone').click(function () { var appendStr= " </p>\n" + " <p class=\"layui-col-md4\" >\n" + " <p class=\"layui-btn-container\" style=\"margin-left: 20px\">\n" + " <button class=\"layui-btn layui-btn-sm deleteone\">\n" + " <i class=\"layui-icon\"></i>\n" + " </button>\n" + " </p>\n" + " </p>\n" + " </p>"; $("#firstone").append(appendStr) }); $("#firstone").on("click",".deleteone",function () { alert(1234) $(this).closest(".layui-row").remove(); })
Par exemple, ajoutez dynamiquement un bouton avec l'identifiant de addone
au p de id
comme firstone
Le p du bouton contenant class
est deleteone
Cliquer sur ce bouton peut déclencher l'événement, mais il s'avère que
$('.deleteone ').click(function () { })
n'a pas de réponse
Vous devez maintenant utiliser l'événement on. de jquery, en modifiant le clic L'événement ajoute
$("#firstone").on("click",".deleteone",function () { alert(1234) $(this).closest(".layui-row").remove(); })
au contenu spécifié dans l'élément Tutoriel recommandé : "Tutoriel JS"
.Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!