JavaScript動態(tài)加載重復(fù)綁定問題-創(chuàng)新互聯(lián)

前言

成都創(chuàng)新互聯(lián)公司，專注為中小企業(yè)提供官網(wǎng)建設(shè)、營銷型網(wǎng)站制作、響應(yīng)式網(wǎng)站建設(shè)、展示型網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計等服務(wù)，幫助中小企業(yè)通過網(wǎng)站體現(xiàn)價值、有效益。幫助企業(yè)快速建站、解決網(wǎng)站建設(shè)與網(wǎng)站營銷推廣問題。

在添加一條數(shù)據(jù)時，使用動態(tài)加載顯示在界面，后來發(fā)現(xiàn)一個嚴(yán)重的bug，拿我做的這個便簽為例，當(dāng)我添加一條數(shù)據(jù)后，然后點擊刪除的時候，提示是否刪除，如下圖：

但是當(dāng)我添加兩條以上的數(shù)據(jù)時，刪除第幾條就會提示幾次是否確認刪除。

經(jīng)過排查，終于發(fā)現(xiàn)問題所在。

正文

當(dāng)動態(tài)添加內(nèi)容后，通常會寫上添加的這些div中需要用到的事件，比如click事件/chang事件等。還拿我的刪除事件為例，由于刪除事件必須寫在添加便簽的事件下，所以當(dāng)添加第一條數(shù)據(jù)時，綁定一次，添加第二條時，綁定一次，添加第n條數(shù)據(jù)時，已經(jīng)綁定了n次刪除事件，所以在刪除第n條數(shù)據(jù)時，也就會提示n次是否確認刪除。

既然找到了錯誤的原因，就好解決了，在綁定刪除事件前，只要把上次綁定的事件解綁就可以了。

代碼：

//解綁
$(".deletebtn").off("click");
$(".update").off("change");
//綁定
$(".deletebtn").bind('click', delete_click);
$(".update").bind('change', change_fonts);

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享名稱：JavaScript動態(tài)加載重復(fù)綁定問題-創(chuàng)新互聯(lián)
網(wǎng)站URL：http://m.jiaotiyi.com/article/ehhsh.html