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

jQuery conflict between a lightbox function and masonry/endless scroll

本文关键字：无尽 滚动 之间 冲突 功能 jQuery      更新时间：2023-09-26

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

灯箱完全按照我想要的方式运行，但是用于灯箱的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>

jQuery需要是你包含的第一个脚本。
jQuery砌体扩展了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>

我看到div上有多个id包含图像

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

如果用class代替id会怎样?你能提供一个砖石工程的例子吗?

谢谢

相关文章：