1. 程式人生 > >jquery click事情重複繫結

jquery click事情重複繫結

jquery中的bind方法和click等方法繫結事件時對同一個元素繫結的操作時會累加的,比如:
$("#btn").click(function(){alert("1");})

$("#btn").click(function(){alert("2");})

這兩句話先後執行了以後點選btn時就會彈出兩個提示框。那麼有的時候在進行繫結第二次的時候希望的是更新原來的操作而不是追加操作怎麼做呢?

Jquery中還有個unbind方法先把前面的繫結給解除安裝掉就行了比如

$("#btn").click(function(){alert("1");})

$("#btn").unbind("click").click(function(){alert("2");})

或者採用one方法,申明只繫結一次

$("#btn").one('click',function(){alert("1");})

當然有的時候也可以利用多次重複繫結事件。可以依照繫結順利來執行

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();
});

部分程式碼摘抄:http://www.jb51.net/article/84196.htm