灯箱功能和砖石/无尽滚动之间的jQuery冲突

Question

我想在点击时为图像创建灯箱效果，所以最终我找到了this tutorial，并按照所有必要的步骤将其插入到我的页面中（稍作修改）。

灯箱完全按照我想要的方式运行，但是用于灯箱的 jQuery 库与另一个脚本冲突，并且它弄乱了多列布局和无限滚动。

This is a mock page with the lightbox effect.正常情况下，所有帖子都应该以多列的方式分散，新帖子应该无限滚动加载。

我尝试删除一堆东西，看看哪里有冲突，这是两个有冲突的脚本。

<script type="text/javascript" src="http://static.tumblr.com/twte3d7/4Wjm5wj58/disassemble_v3.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>

Answer 1

jQuery 需要是您包含的第一个脚本。
jQuery Masonry 扩展了 jQuery，因此您必须首先引用 jQuery 库。

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/twte3d7/4Wjm5wj58/disassemble_v3.js"></script>

Answer 2

我在包含图像的 div 上看到多个 ID

<div id="post">
   <img src="">
</div>

如果你用 class 而不是 id 呢？ 您能否提供一个砌体实施的示例？

谢谢