jQuery 跟踪 leadchat.io 框

Question

我正在尝试编写一个 jQuery 脚本，在单击 leadchat.io 框时执行一些操作。

我使用的脚本是：

jQuery(document).ready(function ($) {
    $( "#minimize" ).click(function() {
        console.log("hello");
    });
});

我已经将#minimize 替换为#logo，并且效果很好。关于聊天框由第三方单独加载的问题导致它无法注册点击事件。

任何 suggestions/advice/ideas 将不胜感激！

谢谢！

Answer 1

听起来好像 #minimize 在页面加载时没有加载到 DOM 中。因此，.ready() 不会应用点击处理程序，因为该元素不存在，无法将处理程序应用到！

要解决这个问题，最简单的方法是将点击处理程序应用于肯定存在的元素，例如 body:

jQuery(document).ready(function ($) {
  $('body').on('click', '#minimize', function() {
    console.log("hello");
  });
});

这样，处理程序将添加到 body，它始终存在，因此它将始终应用处理程序。然后它将根据指定选择器的点击触发该功能（在本例中，#minimize）。

希望对您有所帮助！ :)

jQuery to track leadchat.io box