jQuery動(dòng)態(tài)append添加元素點(diǎn)擊事件失效

使用append方法添加到DOM中的標(biāo)簽,是不能觸發(fā)點(diǎn)擊事件的。

失效原因:append中的節(jié)點(diǎn)是在整個(gè)文檔加載完之后開始添加,頁(yè)面不會(huì)為append的元素初始化添加點(diǎn)擊事件,故使用這種方式動(dòng)態(tài)添加的節(jié)點(diǎn)中的click事件沒有生效。

解決方法:事件委托方式解決,將指定的事件綁定在document上,只要append元素符合指定的元素,就會(huì)綁定此事件 。

$(document).on("click","指定的元素",function(){});

例如:$(document).on("click",".e-signCrd li label",function(){

? ? ? ? ????????if ($(this).parent().find(".e-signCkbx")[0].checked){

? ? ? ? ? ? ????????????$(this).parent().find(".e-signCkbx").removeAttr("checked","");

? ? ? ? ????????}else{

? ? ? ? ? ? ????????????$(this).parent().find(".e-signCkbx").attr("checked","checked");

? ? ? ? ????????}? ? ?

? ? ????????});

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些閱讀 2,144評(píng)論 0 2
  • jQuery模塊 選擇器、DOM操作、事件、AJAX與動(dòng)畫 匿名函數(shù)自執(zhí)行 作用:解決命名空間與變量污染的問(wèn)題 總...
    青青玉立閱讀 1,000評(píng)論 0 0
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,508評(píng)論 0 2
  • //------------------------- 第一章 認(rèn)識(shí)JQuery ----------------...
    米塔塔閱讀 809評(píng)論 0 9
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,276評(píng)論 0 1

友情鏈接更多精彩內(nèi)容