jQuery 中 click事件會累計綁定
例如下面代碼：
aNode.click(function(){
bNode.click(function(){
console.log('haha');
});
});
如果把對bNode的點擊事件綁定到aNode的點擊事件里，那么每點擊一次aNode就會綁定一次bNode，假設在點擊bNode之前點擊了3次aNode，那么點擊bNode之后，控制臺會出現三次haha。
因為jQuery中的click事件會累計綁定。
為了避免上述情況發生，有兩種解決辦法：
- 應該避免把click事件綁定到其他的例如click,hover等事件中。
aNode.click(function(){
});
bNode.click(function(){
console.log('haha');
});
- 如果必須把click事件綁定在其他的例如click，hover等事件中的話（例如需要用到其他作用域中的變量，尤其是存在listitem這種情況下），需要用到unbind事件
$dom.unbind('click');
$dom.bind('click',funciton(){
console.log('hahhaha');
});
只觸發一次click
參考
對于只需要觸發一次，隨后就要立即解除綁定的情況，JQuery提供了一種簡寫方法——one()方法。one()方法可以為元素綁定處理函數。當處理函數觸發一次后，立即被刪除。即在每個對象上，事件處理函數只會被執行一次。
one()方法的結構與bind()方法類似，使用方法也與bind()方法相同，其語法結構如下：one (type, [data], fn);
//使用one()方法為<button>元素綁定單擊事件后，只在用戶第1次單擊按鈕時，處理函數才執行，之后的單擊就不會再起作用。
<script type="text/javascript">
$(function () {
$('#btn').one("click", function () {
$('#test').append("<p>我的綁定函數1</p>");
});
})
</script>
<button id="btn">點擊我</button>
<div id="test"></div>
