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>

如果你把类而不是id怎么办？你能举例说明你的砌体实施吗？

由于

灯箱功能和砌体/无限滚动之间的jQuery冲突

2 个答案: