javascript - Masonry + Infinite Scroll 和 PrettyPhoto 灯箱

Question

这是一个重新发布，
我在 WordPress 博客上使用带有无限滚动插件的 Masonry 插件。我需要在这个博客上使用 PrettyPhoto 插件。PrettyPhoto 灯箱工作正常，但是当 Masonry 加载下一组帖子时（无限滚动插件在向下滚动时加载下一组帖子），PrettyPhoto 停止工作。
注意：我使用的主题有嵌入式灯箱
我不是 jQuery 专家，所以这里是在主题上使用的两个脚本
https://dl.dropbox.com/u/89122367/plugins.js
https://dl .dropbox.com/u/89122367/scripts.js
我需要在这个主题上使用 PrettyPhoto，需要专家的帮助

Answer 1

它不起作用的原因是Prettyphoto不知道有一些新图像要“照顾”:)。上传新项目时，它们没有Prettyphoto bind. 我认为，最简单的方法是添加对 ajax 请求的检测，然后触发Prettyphoto新图像。

$(document).ajaxComplete(function() {
    $("a[rel^='prettyPhoto']").prettyPhoto(); // or any other way You use prettyPhoto
}); 

将 abowe 代码放在 Your page 的 head 部分，即：

<script>
    $(document).ajaxComplete(function() {
        $("a[rel^='prettyPhoto']").prettyPhoto(); // or any other way You use prettyPhoto
    }); 
</script>

这应该可以帮助你