【问题标题】:Isotope horizontal layout not working in Chrome and Firefox; possible bug in tumblr同位素水平布局在 Chrome 和 Firefox 中不起作用; tumblr 中可能存在的错误
【发布时间】:2017-02-06 04:20:06
【问题描述】:

在开发 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 中的样子,我将非常感激!

【问题讨论】:

    标签: google-chrome jquery-isotope jquery-masonry horizontal-scrolling tumblr-themes


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-01-09
      • 2011-06-20
      • 2015-04-02
      • 1970-01-01
      • 1970-01-01
      • 2015-05-02
      • 1970-01-01
      • 2023-04-11
      相关资源
      最近更新 更多