jQuery動態添加元素無法觸發綁定事件

標籤：定義   str   containe   order   click   code   contain   space   無法   

 

用jquery動態添加元素後，發現給動態添加的元素無法觸發事件。解決方案如下：

方法一：綁定live事件(live事件只在jquery1.9以下才支援，高版本不支援)。

123	$(".newBtn").live("click",function(){ ///jquery 1.9(不包括1.9)以下可以               alert(‘這裡是動態元素添加的事件‘);           })

 

方法二：利用on（）事件綁定 ($(ParentEle).on("click",".thisEle",function(){})

123	$("body").on("click", ".newBtn", function() {              alert(‘這裡是動態元素添加的事件‘);          });<br>//這裡的ParentEle是 thisEle的父輩元素或者祖先元素，ParentEle可以是document，也可以是body等。<br><br><br>//注意：如果此時調用的函數是外部定義好的函數，那在調用的時候不要加（），不然會跳過點擊事件直接觸發函數

  $("body").on("click", ".newBtn",aa );

　function aa(){
        alert(‘這裡是動態元素添加的事件‘);
  }

jQuery動態添加元素無法觸發綁定事件