wordpress - Wordpress - Jetpack 无限滚动“加载后”事件未触发

Question

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

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

我有一个非常小的设置（具有受支持的默认主题 - 二十四），我将这个小脚本添加到 footer.php 以尝试捕捉事件：

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

但是即使加载了新帖子，我也永远不会收到警报。

有任何想法吗？

提前致谢。

Answer 1

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

.trigger() 不是本机事件，因此不会使用 addEventListener 获取它。

利用：

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