JQ事件委托导致点击事件多次执行问题

起因：最近写网页其中一个模块使用tab切换~每一个tab里都有点击按钮提交事件，刚开始点击提交只执行一次，但是只要我tab切换页面又切换回来该页面，再点击该按钮，我切换了多少次页面，代码提交也会提交很多次；

原因：后来找了一下原因，得知是因为JQ事件委托导致点击事件多次执行的（事件委托是指：利用事件冒泡，指定一个事件处理程序来管理某一类型的所有事件），虽然我页面切换了，但是事件问题还在，所以才会点击一次执行多次；

解决方法：使用off（）函数移除之前添加的事件处理程序，就能解决该问题。

eg：

$(document).off().on('click','.recharge  button',function(){

　　//所执行的代码

});

转载于:https://www.cnblogs.com/cyeldxlz/p/8496211.html