在動態增加的內容中包含點擊按鈕,但是透過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\"></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中文網其他相關文章!