99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

前言

專注于為中小企業(yè)提供做網(wǎng)站、網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)衡南免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千余家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

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

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

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

正文

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

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

代碼：

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

總結(jié)

以上所述是小編給大家介紹的JavaScript動(dòng)態(tài)加載重復(fù)綁定問(wèn)題，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)

及時(shí)回復(fù)大家的！