天天看點

jQuery動态行綁定事件,發生重複綁定解決方案

背景:

系統需要動态增加分類,各分類下有各自的3項資金(有資金小計,問題就出在這裡)。

問題:

新增一條分類,需要給3項資金新綁定小計功能。這個時候會發現,初始第一行的計算,會調用兩次,增加到三行的時候,第一行會重複計算三次,第二行會重複計算兩次...以此類推

為什麼會執行多次?

猜詞:

新增一行,綁定計算函數,曆史分類會累計事件。也就是說,每新增一行,曆史的每一個分類都會增加一次事件綁定。

方案:

綁定事件前,删除事件。jQuery提供了on()、live()綁定方法,對應的解綁事件off()、die().

編碼:

以上,就是jQuery事件綁定,出現重複多次執行問題的來龍去脈,謝謝大家。

----by.沫沫金

jQuery動态行綁定事件,發生重複綁定解決方案

繼續閱讀