Question

jquery动态添加到html页面的元素绑定事件

我做了一个类似电商网站商品展示的demo，引入了一个jquery放大镜插件，但是动态添加到页面的图片却没有效果，要如何去重新绑定事件呢？附件下载地址：http://pan.baidu.com/s/1o6jv0NK

Answer 1

1. 给每张大图设置不同的class，在你的xml回调函数中分别绑定easyzoom；

第二种方式是：
那个easyzoom的代码有bug，改它

第三种方式是：

在xml回调函数最后边加上绑定函数，为每个元素分别绑定；

$('a.zoom').each(function(){$(this).easyZoom()});

Answer 2

我的处理方式一般是在加载的页面里写初始化加载函数，或是用原来的onclick这样就不用绑定了。团队的其他人也容易找到你的事件函数。绑定事件多了很容易弄了不好控制，特别是在团队开发中。这种绑定就是隐形的杀手。建议以下两点处理方法：
用onclick取代原来的绑定动态加载dom onclick里的事件还是会被执行就不用live去处理了。
在ajax请求的页面里使用$(function(){//初始化要做的事});

求采纳为满意回答。