码迷,mamicode.com
首页 > 其他好文 > 详细

动态添加DOM时,绑定的click事件会重复执行

时间:2016-08-10 15:58:46      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

最近因为业务需求,需要重写window的alert和confirm弹窗,但是每次显示的提示按钮不相同,所有每次打开的弹窗都需要重写生成,但是对于相同的按钮会保留上次创建时的click事件,所以当你创建了多少次弹窗,你下次单击该按钮就会执行多少次,面对这个问题有两个解决方法:

1,每次关闭弹窗时都将其销毁,destory() 方法,将创建的dom从document中remove()掉;

2,将一些公共的btn设置为公用的dom,不需要每次都进行创建,这样在下一次为其btn绑定click事件时,unbind(‘click‘)上一次的click事件,就不会被执行多次了。

   建议不要通过  $(ele).on(‘click‘,function(){})这种方式绑定事件。 这种方式会将原来的方法添加到新方法中,就会出现执行多次;

  处理方式是   $(ele).unbind(‘click‘).click(function(){});

动态添加DOM时,绑定的click事件会重复执行

标签:

原文地址:http://www.cnblogs.com/momodaolai/p/5756846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!