IT的隱形人世界

最近使用到在頁面中引入不同的html元素進行顯示

在建立元素的形態時會發現click被重複繫結，導致code重覆動作

所以要先使用以下方式進行會比較依照開發者的思路進行執行

The first method:

使用jquery的one()方法,為元素繫結一個一次性的事件處理函式,這個事件處理函式只會被執行一次。

$("#btnEvent").one("click", function () {

    alert("執行");

});

The second method:

在每次繫結點選事件前先解除之前的事件繫結,再為元素繫結事件,類似於先清空,在做操作一樣。

如果你使用bind()方法繫結時，可以用unbind()方法解除。

如果你使用on()方法繫結事件，麼就使用off()方法解除事件。

$("#btnEvent").unbind("click").bind("click", function () {

    alert("執行");

});

$("#btnEvent").off("click").on("click", function () {     alert("執行"); });