click事件的累加綁定

click事件的累加綁定，綁定一次點擊事件，執行屢次。

在頁面中爲一個元素綁定事件，事件執行後頁面未刷新且元素還在，而後你再次點擊，元素又被綁定一個點擊事件，這樣第二次點擊就會執行兩次，以此類推。

如何解決累加綁定？具體方法有三種：

第一種方法是：元素點擊後刪除，而後再動態建立一個元素，再添加點擊事件。（該方法比較麻煩）

第二種方法是：使用jQuery的one()方法，爲元素綁定一個一次性的事件處理函數，這個事件處理函數只會被執行一次，代碼以下：

$("#saveBtn").one("click",function(){});

第三種方法是：在每次綁定點擊事件以前先解除以前 的事件綁定，再爲元素綁定事件，相似於先清空再作操做同樣。當使用bind()方法綁定時，能夠使用unbind方法解除 綁定。一般咱們更願意用on()方法綁定事件，由於bind()方法已經不被推薦，那麼就用off()方法解除事件綁定。

$("#saveBtn").unbind("click").bind("click",function(){});

$("#saveBtn").off("click").on("click",function(){});