js動態插入的元素點擊無效

標籤：動態插入   cli   網上   動態添加   rip   無效   alert   java   按鈕   

當點擊按鈕1時為元素b動態添加類discounted，並對具有類discounted的元素b進行點擊事件

 $(".btn1").click(function(){      $(".b").addClass("discounted");      });　$(".b.discounted").on("click",function(){        alert("1111");})

以前以為動態插入的元素直接用on便可以進行操作，但今天試了很多次都沒成功

看到網上說當動態產生元素的同時也動態建置事件過程，而不是先產生一個子虛烏有的事件來等著元素對號入座。

覺得很有道理

因為當程式第一次運行到

$(".b.discounted").on("click",function(){        alert("1111");})時找不到對象，程式就會判定為出錯，那個這個事件代碼就無效了。

修改代碼為

 $(".btn1").click(function(){      $(".b").addClass("discounted");      $(".b.discounted").on("click",function(){        alert("1111");      })  });　

就ok了

js動態插入的元素點擊無效