解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題
更新時間：2019年09月20日 10:31:11 作者：椰子園
今天小編就為大家分享一篇解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在頁面加載完成時候 '.add_project' 元素是可以觸發(fā)click時間的，當(dāng)動態(tài)添加 '.add_project' 時候，新添加的元素卻觸發(fā)不了click事件，類似下面的寫法：
$(".add_project").on('click', function(){
alert('1')
});
解決辦法很簡單，就是用全局的document來監(jiān)控 '.add_project' 元素，如下：
$(document).on("click",".add_project",function(){
alert('1');
})
這樣就很好的解決了問題了。
以上這篇解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JS實(shí)現(xiàn)自動輪播圖效果(自適應(yīng)屏幕寬度+手機(jī)觸屏滑動)
這篇文章主要介紹了JS實(shí)現(xiàn)自動輪播圖效果(自適應(yīng)屏幕寬度+手機(jī)觸屏滑動),需要的朋友可以參考下2017-06-06
JavaScript 引用類型實(shí)例詳解【數(shù)組、對象、嚴(yán)格模式等】
這篇文章主要介紹了JavaScript 引用類型,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript 數(shù)組、對象、嚴(yán)格模式引用類型相關(guān)概念、原理及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
這篇文章主要介紹了javascript初學(xué)者常用技巧,包括javascript的存放位置、格式及焦點(diǎn)事件等,需要的朋友可以參考下2014-09-09
javascript中函數(shù)作為參數(shù)調(diào)用的方法
這篇文章主要介紹了javascript中函數(shù)作為參數(shù)調(diào)用的方法,實(shí)例分析了函數(shù)作為操作調(diào)用的原理與相關(guān)技巧,需要的朋友可以參考下2015-02-02
JavaScript 經(jīng)典效果集...2007-01-01
這篇文章主要介紹了javascript 獲取元素樣式必殺技,需要的朋友可以參考下2014-05-05
Javascript讀取cookie函數(shù)代碼，需要的朋友可以參考下。2010-10-10
zTree插件之多選下拉菜單實(shí)例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
基于Bootstrap的UI擴(kuò)展 StyleBootstrap
這篇文章主要為大家詳細(xì)介紹了基于Bootstrap的UI擴(kuò)展： StyleBootstrap，感興趣的小伙伴們可以參考一下2016-06-06
Bootstrap 實(shí)現(xiàn)查詢的完美方法
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。這篇文章主要介紹了Bootstrap 實(shí)現(xiàn)查詢的完美方法,需要的朋友可以參考下2016-10-10