今天在动态插入一段html后遇到一个问题,所以记录下来提醒自己
插入:
var s='<div class="a"></div>';
$(".c").append(s);
移除:
$("div").remove();
遇到的问题是我需要这个div执行点击事件,设置上$(".a").click(function(){}) 不执行;
是因为这个class="a" 的div是动态插入的,需要冒泡点击事件 ,如果不冒泡浏览器就抓不到 所以需要这样写
父元素.on("click",".a",function(){
这里的父元素不能是动态插入的
})
关于冒泡机制: