jquery中爲動態增長的元素添加事件

 

 

// html代碼
<ul id="main">
   
</ul>
// js代碼
$(function(){
    // 動態添加html代碼
    $("#main").append("<li class='list'>動態添加內容</li>");
　  // 爲動態添加的內容綁定事件
    $("#main").on("click",".list",function(){
　　　　alert("事件綁定成功");
　　})；
})

 

jquery中使用 on() 方法添加的事件處理程序適用於當前及將來的元素；

$("此處填寫頁面中原本存在的元素").on("事件類型","動態增長的元素選擇器",function(){});