前言

在添加一條數據時，使用動態加載顯示在界面，后來發現一個嚴重的bug，拿我做的這個便簽為例，當我添加一條數據后，然后點擊刪除的時候，提示是否刪除，如下圖：

但是當我添加兩條以上的數據時，刪除第幾條就會提示幾次是否確認刪除。

經過排查，終于發現問題所在。

正文

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

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

代碼：

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

總結

以上所述是小編給大家介紹的JavaScript動態加載重復綁定問題，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會

及時回復大家的！