起因:最近寫網頁其中一個模塊使用tab切換~每一個tab里都有點擊按鈕提交事件,剛開始點擊提交只執行一次,但是只要我tab切換頁面又切換回來該頁面,再點擊該按鈕,我切換了多少次頁面,代碼提交也會提交很多次;
原因:后來找了一下原因,得知是因為JQ事件委托導致點擊事件多次執行的(事件委托是指:利用事件冒泡,指定一個事件處理程序來管理某一類型的所有事件),雖然我頁面切換了,但是事件問題還在,所以才會點擊一次執行多次;
解決方法:使用off()函數移除之前添加的事件處理程序,就能解決該問題。
eg:
$(document).off().on('click','.recharge button',function(){
//所執行的代碼
});