溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript動態加載重復綁定問題

發布時間:2020-09-28 18:35:49 來源:腳本之家 閱讀:178 作者:mrr 欄目:web開發

前言

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

JavaScript動態加載重復綁定問題

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

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

正文

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

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

代碼:

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

總結

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

及時回復大家的!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女