Der angehängte HTML-Code, der das Click-Ereignis von jquery verwendet, ist ungültig

Der dynamisch hinzugefügte Inhalt enthält Klickschaltflächen, aber der Klick von jquery kann

$('#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();

})

nicht auslösen. Fügen Sie beispielsweise dynamisch eine Schaltfläche mit der ID addone zum p von id als firstone The p hinzu Der Button, der class enthält, ist deleteone. Durch Klicken auf diesen Button kann das Ereignis ausgelöst werden, es wurde jedoch festgestellt, dass

$('.deleteone ').click(function () {
}）

keine Antwort hat. Jetzt müssen Sie das Ereignis „on“ verwenden von jquery, indem Sie den Klick ändern. Das Ereignis hängt

$("#firstone").on("click",".deleteone",function () {
alert(1234)
$(this).closest(".layui-row").remove();

})

an den angegebenen Inhalt im Element an. Empfohlenes Tutorial: „

JS Tutorial

“

Das obige ist der detaillierte Inhalt vonDer angehängte HTML-Code, der das Click-Ereignis von jquery verwendet, ist ungültig. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!