Question

我正在尝试将悬停函数附加到由脚本生成的动态div ID（使用Smooch api）。即使我在加载完所有内容后在我的控制台中运行它，该功能也不起作用。

我尝试过：

$(document).on("mouseenter", "#messenger-button", function() {
    alert("hey")
});

我一直收到此错误：Uncaught TypeError: Cannot read property 'on' of undefined

启动Smooch api后生成的html如下所示：

<iframe>
 <html>
   <div id="messenger-button" style="background-color: rgb(10, 74, 119);>
 </html>
</iframe>

没有允许我添加类，更改css或执行任何操作以更改生成的iframe中div的属性的函数。任何使用过Smooch api的人都可以告诉我如何将悬停状态添加到生成的信使按钮中吗？

Answer 1

您需要选择iframe并获取其内容并从那里更改元素，请参阅。

$(document).ready(function(){
    var iFrameDOM = $("iframe").contents();

    iFrameDOM.find("#messenger-button").addClass("new-messenger");
});