javascript - Masonry + 无限滚动和 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
}); 

将上面的代码放在您页面的头部，即:

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

这应该对你有帮助