JavaScript動態(tài)加載重復(fù)綁定問題
更新時間：2018年04月01日 14:49:29 投稿：mrr
這篇文章主要介紹了JavaScript動態(tài)加載重復(fù)綁定問題,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
前言
在添加一條數(shù)據(jù)時，使用動態(tài)加載顯示在界面，后來發(fā)現(xiàn)一個嚴(yán)重的bug，拿我做的這個便簽為例，當(dāng)我添加一條數(shù)據(jù)后，然后點(diǎn)擊刪除的時候，提示是否刪除，如下圖：
但是當(dāng)我添加兩條以上的數(shù)據(jù)時，刪除第幾條就會提示幾次是否確認(rèn)刪除。
經(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次是否確認(rèn)刪除。
既然找到了錯誤的原因，就好解決了，在綁定刪除事件前，只要把上次綁定的事件解綁就可以了。
代碼：
//解綁
$(".deletebtn").off("click");
$(".update").off("change");
//綁定
$(".deletebtn").bind('click', delete_click);
$(".update").bind('change', change_fonts);
總結(jié)
以上所述是小編給大家介紹的JavaScript動態(tài)加載重復(fù)綁定問題，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會
及時回復(fù)大家的！
相關(guān)文章
這篇文章主要介紹了js實(shí)現(xiàn)動態(tài)添加或刪除網(wǎng)址功能，以及js實(shí)現(xiàn)網(wǎng)頁收藏功能，感興趣的小伙伴們可以參考一下2015-12-12
JS如何設(shè)置cookie有效期為當(dāng)天24點(diǎn)并彈出歡迎登陸界面
這篇文章主要介紹了JS如何設(shè)置cookie有效期為當(dāng)天24點(diǎn)并彈出歡迎登陸界面的代碼，代碼比較簡單，好理解，需要的朋友可以參考下2016-08-08
JS尾遞歸的實(shí)現(xiàn)方法及代碼優(yōu)化技巧
這篇文章主要介紹了JS尾遞歸的實(shí)現(xiàn)方法及代碼優(yōu)化技巧,結(jié)合實(shí)例形式分析了尾遞歸的原理、JS實(shí)現(xiàn)方法及優(yōu)化技巧,需要的朋友可以參考下2019-01-01
滾動條想必大家都見過吧，在本文將使用div來模擬滾動條的效果，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-10-10
有時需要獲取圖片的尺寸，這需要在圖片加載完成以后才可以。下面小編給大家整理了幾種關(guān)于JS判斷圖片是否加載完成方法匯總，一起看看吧2016-05-05
js獲取url參數(shù)的使用擴(kuò)展實(shí)例
js獲取參數(shù)的具體應(yīng)用，歡迎加入腳本之家交流群2007-12-12
這篇文章主要為大家介紹了JS獲取對象屬性API匯總可枚舉性不可枚舉性及symbol介紹，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
JavaScript中的惰性載入函數(shù)及優(yōu)勢
這篇文章主要介紹了JavaScript中的惰性載入函數(shù)及優(yōu)勢,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2020-02-02
js中的變量都是公用的沒有靜態(tài)變量，下面為大家介紹下變量的作用域閉包,需要的朋友可以參考下2014-05-05