前言
在添加一條數據時,使用動態加載顯示在界面,后來發現一個嚴重的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動態加載重復綁定問題,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會
及時回復大家的!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。