jQuery防止重複繫結事件的解決方法

2021-08-11 15:11:56 字數 479 閱讀 5748

這篇文章主要介紹了jquery防止重複繫結事件的解決方法,結合例項形式分析了jquery的重複繫結問題與相應的解決方法,需要的朋友可以參考下

一、問題:

今天發現jquery乙個物件的事件可以重複繫結多次,當事件觸發的時候會引起**多遍執行。

下面是乙個click事件被重複繫結的示例:

function reg_button_click());

}$(document).ready(function());

二、解決方法:

對於需要重複繫結的場景,再事件註冊時候考慮用先unbind 再bind的方法;或者先off 再on

function reg_button_click());

}$(document).ready(function());

jQuery動態行繫結事件,發生重複繫結解決方案

背景 系統需要動態增加分類,各分類下有各自的3項資金 有資金小計,問題就出在這裡 問題 新增一條分類,需要給3項資金新繫結小計功能。這個時候會發現,初始第一行的計算,會呼叫兩次,增加到三行的時候,第一行會重複計算三次,第二行會重複計算兩次.以此類推 為什麼會執行多次?猜詞 新增一行,繫結計算函式,歷...

jquery事件重複繫結解決辦法

一 fn.live 重複繫結 解決 使用die 方法,在live 方法繫結前,將此元素上的前面被繫結的事件統統解除,然後再通過live 方法繫結新的事件。先通過die 方法解除,再通過live 繫結 selectall die live click function 二click等事件 解決 使用u...

jquery事件重複繫結解決辦法

fn.live 重複繫結 解決 使用die 方法,在live 方法繫結前,將此元素上的前面被繫結的事件統統解除,然後再通過live 方法繫結新的事件。先通過die 方法解除,再通過live 繫結 selectall die live click function 二click等事件 解決 使用unb...