<div class="box">
<div class="wrap fl"> //動態生成的DOM元素
<span class="btnClick">需要添加事件的元素</span>
</div>
</div>
無效寫法:
$(".btnClick").click(function(){
console.log(123)
});
正確寫法:(使用on給dom操作的上一級或者祖先元素綁定)
$(".box").on("click",".btnClick",function(){
console.log(123)
});
分析:
on(events,[selector],[data],fn)
events:一個或多個用空格分隔的事件類型和可選的命名空間,如"click"或"keydown.myPlugin" 。
selector:一個選擇器字符串用於過濾器的觸發事件的選擇器元素的後代。如果選擇的< null或省略,當它到達選定的元素,事件總是觸發。
data:當一個事件被觸發時要傳遞event.data給事件處理函數。
fn:該事件被觸發時執行的函數。 false 值也可以做一個函數的簡寫,返回false。