Le code HTML ajouté utilisant l'événement click de jquery n'est pas valide

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\">&#xe640;</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!