function a(){
var str = "<a class='delete'>删除</a>";
$div.append(str);//如此添加的事件,其click事件是不能绑定的
$('.delete').on('click' function(){
...
});//在此需要重新写一次,相当于给新添加的a绑定click事件
}
$('.delete').on('click' function(){
.....
});
以上写法显然不易于代码的维护,a标签的点击事件在两个地方都写了。新的方案如下
$div.on('click','a.delete',function(){
....
});//给a元素的父元素绑定监听事件,监听的是旗下的'a.delete'
这样js再动态给$div添加a标签的时候,a标签的点击事件就都能被监听到。