Maison > interface Web > js tutoriel > le corps du texte

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

hzc
Libérer: 2020-07-02 09:21:27
avant
2734 Les gens l'ont consulté

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();

})
Copier après la connexion

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 () {
})
Copier après la connexion

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();

})
Copier après la connexion

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!

Étiquettes associées:
source:jianshu.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!