-1

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

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

这是一个带有灯箱效果的模拟页面。通常，所有帖子都应该以多列的方式分散，并且新帖子应该无限滚动加载。

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

<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>
4

2 回答 2

0

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>
于 2014-03-12T08:53:35.320 回答
0

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

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

如果你把 class 而不是 id 呢？你能提供一个砌体实施的例子吗？

谢谢

于 2014-03-12T09:05:39.887 回答