一$.fn.live 重復(fù)綁定
解決:使用die()方法,在live()方法綁定前,將此元素上的前面被綁定的事件統(tǒng)統(tǒng)解除,然后再通過(guò)live()方法綁定新的事件。
//先通過(guò)die()方法解除,再通過(guò)live()綁定
$(“#selectAll”).die().live(“click”,function(){
//事件運(yùn)行代碼
});
二click等事件
解決:使用unbind("click")方法先解除綁定的事件再綁定新事件,即在給對(duì)象綁定事件之前先移除該對(duì)象上的原有事件
完整測(cè)試代碼:
<div class="box">
<button id="test">重復(fù)綁定觸發(fā)按鈕</button>(點(diǎn)擊此按鈕兩次及以上,即可觸發(fā)重復(fù)綁定,再點(diǎn)擊下面的按鈕就可看到結(jié)果)
<br/><br/>
<button id="test1">click重復(fù)綁定測(cè)試按鈕</button>
<button id="test2">click綁定一次測(cè)試按鈕</button>
<button id="test3">live重復(fù)綁定測(cè)試按鈕</button>
<button id="test4">live綁定一次測(cè)試按鈕</button>
</div>
<script type="text/javascript" src="../static/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(function(){
var i = 1,j=1,k=1,h=1,n=1;
var triggerBind = function(){
$("#test1").click(function() {
alert("click未解除綁定重復(fù)綁定執(zhí)行第" + j++ + "次");
});
$("#test2").unbind('click').click(function() {
alert("click解除綁定執(zhí)行" + k++ + "次");
});
$("#test3").live("click",function() {
alert("live未解除綁定重復(fù)執(zhí)行第" + h++ + "次");
});
$("#test4").die().live("click",function() {
alert("live解除綁定后執(zhí)行" + n++ + "次");
});
}
$("#test").click(function() {
triggerBind();
alert("觸發(fā)綁定點(diǎn)擊第" + i++ + "次");
});
});
</script>
完整測(cè)試代碼: