<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。