溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html使用jquery的click事件無效怎么解決

發(fā)布時間：2020-07-02 13:33:54 來源：億速云 閱讀：464 作者：Leah 欄目：web開發(fā)

html使用jquery的click事件無效怎么解決？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

在動態(tài)增加的內(nèi)容中包含點擊按鈕，但是通過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\">&#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中動態(tài)加入一個包含class為deleteone 的按鈕的p，點擊這個按鈕可以觸發(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();

看完上述內(nèi)容，你們掌握html使用jquery的click事件無效的解決方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手