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

【问题标题】：Wordpress - Jetpack infinite scroll "post-load" event not firingWordpress - Jetpack 无限滚动“加载后”事件未触发
【发布时间】：2014-11-14 19:44:41
【问题描述】：

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

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

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

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

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

有什么想法吗？

提前致谢。

【问题讨论】：

恭喜您获得风滚草徽章！ :p

标签： wordpress infinite-scroll jetpack

【解决方案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
})

【讨论】：