为什么layui动态添加的元素无法触发click等事件？

本文共计205个文字，预计阅读时间需要1分钟。

在页面加载完成后，当点击 '+add_project' 元素时，若动态添加 '+add_project' 元素，新添加的元素不会触发 click 事件。类似下面的写法：

javascript$('').on('click', function(){ alert(已触发click事件);});

在页面加载完成时候 '.add_project' 元素是可以触发click时间的，当动态添加 '.add_project' 时候，新添加的元素却触发不了click事件，类似下面的写法：

$(".add_project").on('click', function(){ alert('1') });

解决办法很简单，就是用全局的document来监控 '.add_project' 元素，如下：

$(document).on("click",".add_project",function(){ alert('1'); })

这样就很好的解决了问题了。

以上这篇解决layui动态添加的元素click等事件触发不了的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。