Google chrome 同位素水平布局不适用于Chrome和Firefox;tumblr中可能存在的错误

Google chrome 同位素水平布局不适用于Chrome和Firefox;tumblr中可能存在的错误,google-chrome,jquery-isotope,jquery-masonry,horizontal-scrolling,tumblr-themes,Google Chrome,Jquery Isotope,Jquery Masonry,Horizontal Scrolling,Tumblr Themes,在处理tumblr主题时,我注意到,尽管同位素的水平“horiz”布局在Safari、Chrome和Firefox中都能很好地工作,但布局似乎不起作用。当我在搜索框中键入内容(过滤)时,布局会正确地重新加载,但似乎不遵守容器上的css高度/宽度限制。其效果在Safari中有效但在Chrome/Firefox中无效的页面: Desandro在codepen上的水平布局示例适用于所有浏览器,因此为了检查它是否会被tumblr弄糟,我将问题简化为与Desandro在其codepen示例中所写的完全相同

在处理tumblr主题时,我注意到,尽管同位素的水平“horiz”布局在Safari、Chrome和Firefox中都能很好地工作,但布局似乎不起作用。当我在搜索框中键入内容(过滤)时,布局会正确地重新加载,但似乎不遵守容器上的css高度/宽度限制。其效果在Safari中有效但在Chrome/Firefox中无效的页面:

Desandro在codepen上的水平布局示例适用于所有浏览器,因此为了检查它是否会被tumblr弄糟,我将问题简化为与Desandro在其codepen示例中所写的完全相同。即便如此,在Chrome和Firefox的tumblr上都不起作用。它在Safari工作。简化问题的页面:


需要注意的是,默认布局“砌体”适用于所有浏览器。我没有发现任何人在tumblr主题上使用同位素的水平“水平”布局,因此我无法将我的主题与他们的主题进行比较,也无法从中学习。这可能是tumblr的错误吗?如果有人能指出问题所在并解释这里发生了什么,这样我就能让主题看起来像Safari中的主题,我将非常感激

我发现了问题所在。Chrome和Firefox没有正确加载horizontal.js脚本,“因为它的MIME类型('text/plain')不可执行”。将文件链接到
rawgit.com/…
起了作用(请参考以下问题的答案)