追加的html程式碼使用jquery的click事件無效

在動態增加的內容中包含點擊按鈕，但是透過jquery的click無法觸發

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

})

例如透過id為addone 的按鈕向id為firstone 的p中動態加入一個包含class為deleteone 的按鈕的p，點擊這個按鈕可以觸發事件，但是發現

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

沒任何反應

現在需要使用到jquery的on事件，透過把click事件向元素中的指定內容附加

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

})

推薦教學：《JS教學》

以上是追加的html程式碼使用jquery的click事件無效的詳細內容。更多資訊請關注PHP中文網其他相關文章！