Jquery:addClass到页面加载时不存在的动态元素

时间:2016-10-02 18:01:33

标签: javascript jquery onclick popup popupwindow

我在页面上使用Icegram(一个“退出意图”模式弹出插件)。我们在页面上有点击通话链接,问题是每当有人点击呼叫时,浏览器都会将其视为离开页面,因此当人们尝试呼叫时我们的退出意图弹出窗口显示,这绝对不是我们想要的

所以,我尝试在调用链接中添加一个jQuery函数,如下所示:

<div class="icegram-popup">

但无论我做什么,“hide-icegram”类都不会应用于icegram弹出窗口,因此它仍然可见。

我注意到<div class="icegram-popup">仅在激活时插入页面中。所以我想知道addClass是否无法工作,因为它正在寻找“icegram-popup”div,但它在页面加载时不存在所以可能是问题?

我只想在有人点击通话链接时将“hide-icegram”类应用于<script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"></script>。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

如果动态插入具有$("body").on("click", ".clicktocall", function() { $(".icegram-popup").addClass("hide-icegram"); }); 类的元素,那么您的脚本无法识别它的onload。

尝试事件委派:

body

jQuery将从.clicktocall开始,并在点击时查找redirect_to @article委托事件。