jquery事件重複綁定

標籤：string   bind   article   button   ber   pre   對象   repr   contain   

本文執行個體分析了jQuery防止重複綁定事件的解決方案。分享給大家供大家參考，具體如下：

一、問題：

今天發現jQuery一個對象的事件可以重複綁定多次，當事件觸發的時候會引起代碼多遍執行。

下面是一個click事件被重複綁定的樣本:

?

12345678910111213

function reg_button_click(){  $("#button).click(function(){    alert("button click");  });}$(document).ready(function(){  #重複註冊3次  reg_button_click();  reg_button_click();  reg_button_click();  #觸發的時候 出現3個alert  $(‘#button‘).click();});

二、解決方案：

對於需要重複綁定的情境，再事件註冊時候考慮用先unbind 再bind的方法；或者先off 再on

?

12345678910111213

function reg_button_click(){  $("#button).unbind(‘click‘).bind(‘click‘,(function(){    alert("button click");  });}$(document).ready(function(){  #重複註冊3次  reg_button_click();  reg_button_click();  reg_button_click();  #觸發的時候 出現3個alert  $(‘#button‘).click();});

 

 

 

jquery事件重複綁定