ajax加載后綁定的事件失效

stefan 發布于2019-08-21 15:27 / 1216人閱讀

摘要：刪除刪除刪除刪除加載數據問題現在對添加事件當然先引入如果然后點擊加載數據之后，上面的操作就會對新加載的數據失效。解決方法利用事件委托的方法即可解決這個問題。如有不對之處，請大家指正。

現在對$(".btn")添加事件,當然先引入jquery.js;
如果：

$(".btn").on("click", function (){
  $(this).parent().remove();
});

然后點擊$(".add-btn")加載數據之后，上面的操作就會對新加載的數據失效。

利用事件委托的方法：

$("body").on("click", ".btn", function (){
  $(this).parent().remove();
});

即可解決這個問題。

本文屬于原創文案，轉載請添加本文鏈接，多謝合作。
如有不對之處，請大家指正。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88189.html

前端培訓-中級階段（9）- 原生Ajax的運行原理與實現（2019-08-08期）

摘要：前端最基礎的就是。的原理瀏覽器發送請求，服務器給出響應。保持之前的界面不變化。的核心創建一個對象，用于發起請求設置為請求，請求發送請求。前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。 ajax ...

anonymoussf 2019-08-02 15:34 評論0 收藏0
前端培訓-中級階段（9）- 原生Ajax的運行原理與實現（2019-08-08期）

摘要：前端最基礎的就是。的原理瀏覽器發送請求，服務器給出響應。保持之前的界面不變化。的核心創建一個對象，用于發起請求設置為請求，請求發送請求。前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。 ajax ...

TANKING 2019-08-26 10:09 評論0 收藏0
js面試題（中）

摘要：引用計數這是最簡單的垃圾收集算法。然而，引用計數算法考慮到它們互相都有至少一次引用，所以它們不會被回收。事件代理發生在冒泡階段。為時取消事件默認行為，為時取消時間傳播通常利用事件冒泡機制托管事件處理程序提高程序性能。 JS延遲加載的方式有哪些？ JS的延遲加載有助與提高頁面的加載速度。defer和async、動態創建DOM方式（用得最多）、按需異步載入JSdefer：延遲腳本。立即下載...

DevTalking 2019-08-23 15:35 評論0 收藏0
jQuery最佳實踐

摘要：鏈式操作使用鏈式操作代替變量緩存和多次操作每當鏈長超過個鏈接或得到，因為活動任務的復雜，使用適當的換行和縮進使代碼的可讀性。對于較長的鏈式操作可以把對象緩存到一個變量里。原文地址：http://lab.abhinayrathore.com/jquery-standards/ 第一次翻譯，有不對不妥的地方請拍磚。showImg(http://segmentfault.com/img/b...

wizChen 2019-08-21 12:13 評論0 收藏0