layui动态添加的元素click等事件触发不了的解决办法

时间:2022-03-13 12:52:56

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

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

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

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

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

---------------------
作者:椰子园
来源:CSDN
原文:https://blog.csdn.net/muziduoxi/article/details/87977266

通过调试发现 layui把要以前隐藏的元素显示出来并不是修改了 display属性,而是重新生成了一个新的元素,这样的话在通过以前的方法便触发不了想要调用的函数了