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

最近因为业务需求，需要重写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(){});

转载于:https://www.cnblogs.com/momodaolai/p/5756846.html