IE 11 无法正确渲染砌体 js答案

【问题标题】：IE 11 doesn't render masonry js properlyIE 11 无法正确渲染砌体 js
【发布时间】：2014-10-25 15:44:21
【问题描述】：

最新更新：

这在新的砌体版本中得到了修复。

原帖：

我有一个带有 Bootstrap3 风格的 AngularJS 网站，它在 Chrome、Safari 和 Firefox 中运行良好，但在 IE 中却不行（我认为那些日子已经结束了）。

我使用Masonry-plugin 来显示一些图块。我第一次打开页面 IE11 将瓷砖粘在一起。我相信这是因为引导程序中的填充存在一些问题。当尝试调试应用程序或仅在 console.log 上显示变量内容时，一切正常。同样在重新加载页面后，一切都按预期呈现，实际上只是在第一次访问页面时。

我注意到 Masonry 的网站和示例可与 IE 配合使用，因此我试图找出它们的不同之处。

IE10 也会出现上述问题 - 我没有任何关于 IE9 的信息，我们不打算支持 IE8 或更早版本。

更新：我注意到砖石网站不使用填充（如引导程序那样）而是使用边距，实际上，当我删除填充并添加边距时，它可以工作。但是问题仍然存在 - 为什么它不适用于填充？

更新 2： 我有一个显示错误的工作测试。它相当广泛，可以在这里访问：http://server.grman.at/ie11-intro.html

这表明问题只出现在IE中，如果在使用之前和之后的页面上预先加载了一些脚本（可能是masonry库）。

这是从 Chrome 中看到的屏幕截图：

这里是它在 IE11 中的外观截图：

上次更新： 是的，这是砌体脚本，我创建了第二个介绍页面：http://server.grman.at/ie11-intro2.html，它没有预加载砌体脚本并且它可以工作，现在问题是 - 为什么？

【问题讨论】：

【解决方案1】：

玩了一会儿你的演示后，我发现加载 masonry.pkgd.min.js 之前引导和自定义样式可以解决我的问题。 Masonry 的设置中的某些东西破坏了 Internet Explorer 中的重新导航 - 尽管我目前没有具体细节。

将 masonry script 标签移动到文档顶部，在 Bootstrap 和样式上方，您应该会发现问题已解决。

【讨论】：

【解决方案2】：

显而易见且快速的答案（因为我首先不确定该错误是否可以在砌体脚本中修复）是，只要您不打算在网站中使用砌体脚本，就删除对砌体脚本的引用.

更新：

这在较新的砌体版本中得到了修复

【讨论】：