0

在开发 tumblr 主题时,我注意到即使 Isotope 的水平“水平”布局在 Safari、Chrome 和 Firefox 中完美运行,但布局似乎不起作用。当我在搜索框中输入内容(过滤)时,布局会正确重新加载,但似乎不遵守容器上的 css 高度/宽度限制。其效果在 Safari 中有效但在 Chrome/Firefox 中无效的页面:01

Desandro 在 codepen 上的水平布局示例适用于所有浏览器,因此为了检查它是否可能是 tumblr 搞砸了,我将问题简化为DeSandro在他的 codepen 示例中所写的内容。即便如此,它也无法在 tumblr 上运行,无论是 Chrome 还是 Firefox。它在 Safari 中运行。减少问题的页面:02

请务必注意,默认布局“masonry”适用于所有浏览器。我没有发现有人在 tumblr 主题上使用 Isotope 的水平“水平”布局,所以我无法将我的主题与他们的主题进行比较或向他们学习。这是 tumblr 的一个可能的错误吗?如果有人可以查明问题并解释这里发生了什么,以便我可以使主题看起来像它在 Safari 中的样子,我将非常感激!

4

1 回答 1

0

我发现了问题。Chrome 和 Firefox 没有正确加载 Horizo​​ntal.js 脚本,“因为它的 MIME 类型 ('text/plain') 是不可执行的”。将文件链接到rawgit.com/...工作(参考先前提出的问题的答案)。

于 2017-02-05T20:20:06.253 回答