close

有時我們要讓網頁中的某個 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 的話這點也是可以利用的

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 taurus770423 的頭像
    taurus770423

    Coding Life

    taurus770423 發表在 痞客邦 留言(0) 人氣()