Wordpress - Jetpack 无限滚动 "post-load"事件未触发

Question

我最近开始尝试 WordPress jetpack 插件的无限滚动功能。它似乎工作正常，但我正在尝试与 Masonry 集成，因此我需要使用应该在 Jetpack 加载更多帖子时触发的加载后事件。

但我似乎无法捕捉到该事件。

我有一个非常小的设置(具有受支持的默认主题 -二十四)，并且我将这个小脚本添加到 footer.php 来 try catch 事件:

    <script type='text/javascript'>
      document.body.addEventListener("post-load", function() {
        alert('posts loaded');
      });
    </script>

但即使新帖子已加载，我也从未收到警报。

有什么想法吗？

提前致谢。

Answer 1

这是一个老问题，我也在寻找答案。它不起作用的原因是 Jetpack 使用的 infinity.js 脚本使用 jQuery .trigger() 触发 'post-load' 事件。

.trigger() is not a native event所以它不会被使用 addEventListener 拾取。

用途:

jQuery(document.body).on("post-load", function(e) {
    // your code
})