首頁 > web前端 > js教程 > 主體

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

hzc
發布: 2020-07-02 09:21:27
轉載
2746 人瀏覽過

在動態增加的內容中包含點擊按鈕,但是透過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 的按鈕向idfirstone 的p中動態加入一個包含classdeleteone 的按鈕的p,點擊這個按鈕可以觸發事件,但是發現

$('.deleteone ').click(function () {
})
登入後複製

沒任何反應

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

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

})
登入後複製

推薦教學:《JS教學

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

相關標籤:
來源:jianshu.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板