function reg_button_click(){
 $("#button).click(function(){
 alert("button click");
 });
}
$(document).ready(function(){
 #重復(fù)注冊(cè)3次
 reg_button_click();
 reg_button_click();
 reg_button_click();
 #觸發(fā)的時(shí)候 出現(xiàn)3個(gè)alert
 $('#button').click();
});

下面給出解決方法：

對(duì)于需要重復(fù)綁定的場(chǎng)景，再事件注冊(cè)時(shí)候考慮用先unbind 再bind的方法；或者先off 再on

function reg_button_click(){
 $("#button).unbind('click').bind('click',(function(){
 alert("button click");
 });
}
$(document).ready(function(){
 #重復(fù)注冊(cè)3次
 reg_button_click();
 reg_button_click();
 reg_button_click();
 #觸發(fā)的時(shí)候 出現(xiàn)3個(gè)alert
 $('#button').click();
});

那jQuery綁定事件的實(shí)現(xiàn)方式有哪些，下面就為大家分享jQuery綁定事件的方法，供大家參考，具體內(nèi)容如下

<html>

<head>

<meta charset="utf-8" />

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><!--百度CDN-->

</head>

 

<body>

<input type="text"/>

<input type="button" value="button1"/>

<script>

$(function(){

 var text = $(":text");

 var button = $(":button");

 //調(diào)試器記錄日志 console.log("message"); 如：火狐瀏覽器，打開(kāi)FireBug(按F12)

 

 //觸發(fā)單個(gè)事件：兩種方式

 button.bind("mouseover",function(){

 console.log("移入");

 });

 button.bind({

 "mouseout": function(){

  console.log("移出");

 }

 });

 //多個(gè)事件：三個(gè)方式

 text.bind("dblclick blur",function(){

 console.log("雙擊或者失去焦點(diǎn)");

 });

 

 text.bind({

 "dblclick blur":function(){

  console.log("雙擊或者失去焦點(diǎn)");

 }

 });

 text.bind({

 "dblclick":function(){

  console.log("雙擊");

 },

 blur:function(){

  console.log("失去焦點(diǎn)");

 }

 });

 

 //取消事件

 text.unbind("dblclick"); //取消單個(gè)事件

 //text.unbind("dblclick blur"); //取消多個(gè)事件

 //text.unbind(); //取消全部事件

});

 

</script>

</body>

</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家學(xué)習(xí)jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: