在動(dòng)態(tài)增加的內(nèi)容中包含點(diǎn)擊按鈕,但是通過jquery的click無法觸發(fā)
$('#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中動(dòng)態(tài)加入一個(gè)包含class
為deleteone
的按鈕的p,點(diǎn)擊這個(gè)按鈕可以觸發(fā)事件,但是發(fā)現(xiàn)
$('.deleteone ').click(function () { })
沒任何反應(yīng)
現(xiàn)在需要使用到j(luò)query的on事件,通過把click事件向元素中的指定內(nèi)容附加
$("#firstone").on("click",".deleteone",function () { alert(1234) $(this).closest(".layui-row").remove(); })
推薦教程:《JS教程》
文章標(biāo)題:追加的html代碼使用jquery的click事件無效
文章路徑:http://www.rwnh.cn/article12/cgpodc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、搜索引擎優(yōu)化、Google、網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)