我一直在尝试在我的 Squarespace 网站上安装 masonry.js 脚本,以使他们的图片库看起来更好。
我已经安装了脚本,并尽我所能按照砌体网站上的说明进行操作。但是,它显然没有正确显示。
然而在画廊页面上它只是没有它。html的区别是;在我使用 div 的 html 页面中,在画廊页面上,我试图将其应用于 ul 作为容器,然后应用于 li 元素,这是导致问题的原因吗?砌体“必须”仅是 div 吗?
我唯一能想到的另一件事是画廊页面上是否有其他脚本正在干扰砌体。
我希望这个问题的框架是正确的,我希望那里的人能指出我错过的(希望)愚蠢的简单的事情,因为我已经为此投入了好几个小时并且无法打破它。
更新我现在已经开始工作了,你可以在这里看到一个例子;http://www.bpicni.com/member-galleries-advanced/donal-mccann-frps/
可能有点hacky,但是,嘿,我会接受的。
基本我使用一些代码将 li 元素包装在 div 中,然后砌体开始打球。然后我遇到了重叠问题,并发现解决该问题的唯一方法是使用 $(window).load(function(){ }) 方法调用砌体函数。
我现在唯一的问题是 Squarespace 特定的问题,当我处于内容或结构模式时,砌体脚本会干扰画廊页面上的功能。我发现的一个快速修复方法是使用 adblock 扩展来停止砌体脚本的运行。这意味着我看不到脚本的全部好处,但允许我维护站点,所以很方便 :)