1. 程式人生 > >JQ事件委托導致點擊事件多次執行問題

JQ事件委托導致點擊事件多次執行問題

func 中一 頁面切換 後來 ech cli 程序 處理程序 clas

起因:最近寫網頁其中一個模塊使用tab切換~每一個tab裏都有點擊按鈕提交事件,剛開始點擊提交只執行一次,但是只要我tab切換頁面又切換回來該頁面,再點擊該按鈕,我切換了多少次頁面,代碼提交也會提交很多次;

原因:後來找了一下原因,得知是因為JQ事件委托導致點擊事件多次執行的(事件委托是指:利用事件冒泡,指定一個事件處理程序來管理某一類型的所有事件),雖然我頁面切換了,但是事件問題還在,所以才會點擊一次執行多次;

解決方法:使用off()函數移除之前添加的事件處理程序,就能解決該問題。

eg:

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

  //所執行的代碼

});

JQ事件委托導致點擊事件多次執行問題