有時我們要讓網頁中的某個 Tag 具有相同的功能我們可能會像下面這樣寫
$("input").click(function (){
alert("test");
});
然後因網頁改變之後為了讓新的 Tag 也有相同功能所以又執行了一次上面的程式
但對於舊的 Tag 來說是附加了兩次的 click event 所以當舊的 input tag 在觸發 click event 後會跳出兩次 alert 視窗
雖然在很多狀況下感覺不出差異，但會在無形中增加網頁的負擔，嚴重可能會有資料重複記錄等等問題
所以在重新附加 Tag event 前，如確定該 event 有附加過程式就應 unbind 掉相同 event 如下
$("input").unbind("click").click(function (){
alert("test");
});
當然有特殊需求要重複執行 Tag event 的話這點也是可以利用的
全站熱搜
留言列表
