欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript動(dòng)態(tài)加載重復(fù)綁定問(wèn)題

 更新時(shí)間：2018年04月01日 14:49:29   投稿：mrr  
這篇文章主要介紹了JavaScript動(dòng)態(tài)加載重復(fù)綁定問(wèn)題,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

前言

在添加一條數(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ù)大家的！

相關(guān)文章

  • 微信小程序 授權(quán)登錄詳解（附完整源碼）

    微信小程序 授權(quán)登錄詳解（附完整源碼）

    這篇文章主要介紹了微信小程序 授權(quán)登錄詳解（附完整源碼）,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-08-08
  • 一道JS前端閉包面試題解析

    一道JS前端閉包面試題解析

    這篇文章主要針對(duì)一道JS前端閉包面試題進(jìn)行解析，從例題出發(fā)詳細(xì)介紹JS前端閉包相關(guān)知識(shí)，感興趣的小伙伴們可以參考一下
    2015-12-12
  • 微信小程序選擇圖片控件

    微信小程序選擇圖片控件

    這篇文章主要為大家詳細(xì)介紹了微信小程序選擇圖片控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-01-01
  • 解析Javascript小括號(hào)“()”的多義性

    解析Javascript小括號(hào)“()”的多義性

    這篇文章主要介紹了Javascript小括號(hào)“()”的多義性。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
    2013-12-12
  • 詳解CocosCreator游戲之魚(yú)群算法

    詳解CocosCreator游戲之魚(yú)群算法

    這篇文章主要介紹了詳解CocosCreator游戲之魚(yú)群算法，對(duì)算法感興趣的同學(xué)，可以仔細(xì)參考下
    2021-04-04
  • 詳解CocosCreator項(xiàng)目結(jié)構(gòu)機(jī)制

    詳解CocosCreator項(xiàng)目結(jié)構(gòu)機(jī)制

    這篇文章主要介紹了詳解CocosCreator項(xiàng)目結(jié)構(gòu)機(jī)制，只有了解這些機(jī)制后，才能更好的進(jìn)行項(xiàng)目開(kāi)發(fā)，避免潛在錯(cuò)誤，并且快速的除錯(cuò)
    2021-04-04
  • TypeScript新特性之using關(guān)鍵字的使用方法

    TypeScript新特性之using關(guān)鍵字的使用方法

    TypeScript 5.2版本中新添加了using關(guān)鍵字,目前該關(guān)鍵字的提案也進(jìn)入了ECMAScript的Stage 3,也就是說(shuō)很快就會(huì)進(jìn)入JavaScript語(yǔ)言本身中,using和const, let和var一樣都是用于變量聲明的,那么它到底有什么與眾不同的地方呢,本文給大家介紹的非常詳細(xì)
    2023-11-11
  • js中變量的連續(xù)賦值(實(shí)例講解)

    js中變量的連續(xù)賦值(實(shí)例講解)

    下面小編就為大家?guī)?lái)一篇js中變量的連續(xù)賦值(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-07-07
  • yepnope.js 異步加載資源文件

    yepnope.js 異步加載資源文件

    yepnope.js是一個(gè)能夠根據(jù)輸入條件來(lái)選擇性異步加載資源文件的js腳本，可以在頁(yè)面上僅加載用戶需要的js/css。
    2011-09-09
  • element-ui?對(duì)話框dialog使用echarts報(bào)錯(cuò)'dom沒(méi)有獲取到'的問(wèn)題

    element-ui?對(duì)話框dialog使用echarts報(bào)錯(cuò)'dom沒(méi)有獲取到'的問(wèn)題

    這篇文章主要介紹了element-ui?對(duì)話框dialog里使用echarts，報(bào)錯(cuò)'dom沒(méi)有獲取到'的問(wèn)題，在這個(gè)事件里邊進(jìn)行echarts的初始化，執(zhí)行數(shù)據(jù)，本文結(jié)合實(shí)例代碼給大家詳細(xì)講解,需要的朋友可以參考下
    2022-11-11

最新評(píng)論