jquery 關於使用 append 追加 元素后 事件無法觸發


當在使用js或jQuery創建元素時,用 on(事件,function(){代碼}) 或者 事件(function(){代碼 })綁定事件時

在使用append添加元素后 由於是在頁面加載完成之后進行的元素添加,所以事件不會觸發(個人理解,不對勿噴)

 

這時我們需要給元素綁定事件

  解決方案1: on綁定

    $("父級元素").on("事件","當前元素",function(){

      巴拉巴拉......... 

    })

   如果 父級元素 還不行 就用 $(document).on("事件","當前元素",function(){})       $('body') .on("事件","當前元素",function(){}) 

  例子:

 

  $("#box").on("click",".div-img",function(){
  thisdom = this;
  var isclil = this.children;
  if(isclil.length==0)
  {
  ifile.click(function(){
 
      });
    }
  })
 
 
  解決方案2:委托,其實和on差不多
    
$("父級元素").delegate('自己元素', '事件', function () { 
        巴拉巴拉....
});

例子:
$(".createDiv").delegate('agin', 'clik', function () { 
        alert(3);
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM