##异步动态生成的DOM事件绑定 ##
常见的异步请求后台根据json数组的长短来生成dom节点,但是事件往往不是很容易的绑定,尽管使用jQuery的API-on();可能也偶尔会出现绑定无效的情况!
例如:
$.post(url,function(data){
for(var i=0;i<data.length;i++){
$(body).append('<div>'+data[i]+'</div>')
}
})
$('body div').on('hover',function(){.....})
这样是否就绑定了hover事件呢?不得而知!
但是为了确确实实能够绑定成功,强烈建议把绑定事件写在请求成功的代码快之内,也就是如下:
$.post(url,function(data){
for(var i=0;i<data.length;i++){
$(body).append('<div>'+data[i]+'</div>')
}
$('body div').on('hover',function(){.....})
})
这样是不是就成功绑定了事件呢?