中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

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

本文實例分析了jQuery防止重復綁定事件的解決方法。分享給大家供大家參考，具體如下：

一、問題：

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

下面是一個click事件被重復綁定的示例:

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

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程序設計有所幫助。