• 欢迎来到本博客,希望可以y一起学习与分享

js无法监听到ajax动态加载的元素,导致无法实现弹窗的效果

JavaScript/Jquery benz 4年前 (2017-05-20) 146次浏览 0个评论 扫描二维码

问题:

想要实现点击页面上的图片出现弹窗显示图片详情,但是弹窗效果是用js实现的,图片是用ajax动态加载的,ajax是在js加载完成后加载的导致js无法监听到动态加载的图片而无法实现弹窗的效果.只有让图片写死在页面上才能实现弹窗但是我希望图片能动态加载不然页面加载会很慢很牺牲用户体验。

原因:

在ajax动态加载的时候,之前的js已经执行了监听的过程,只是那时ajax加载的内容没有完全加载完,所以这时的js找不到监听的目标,也就出现了上述的问题。

解决方法:

解决的办法是,在ajax加载完之后,再执行js事件监听, 所以 js监听在ajax的sucess方法中调用


文章 js无法监听到ajax动态加载的元素,导致无法实现弹窗的效果 转载需要注明出处
喜欢 (0)

您必须 登录 才能发表评论!