javascript - 香草砌体 - 即探险家问题

Question

http://jsfiddle.net/WH8tW/6/

我在尝试让香草砖石与 Internet Explorer 一起工作时遇到一些问题（在 ie 9 上测试）

我使用的 JavaScript 是

var container = document.getElementById('container');

var wall = new Masonry(container, {
    isFitWidth: true
});
container.style.display = "block";
wall.reload();

在 Chrome 和 Firefox 中进行测试时效果惊人，但是在 Internet Explorer 中容器的样式甚至没有改变（默认display:none;），问题的原因是什么以及如何解决

参考：http: //vanilla-masonry.desandro.com/index.html

Answer 1

当使用错误的 mime 类型提供服务时，Internet Explorer 不允许嵌入外部 javascript 文件，并且 github 将脚本作为 html 文件提供。

SEC7112: Script from https://raw.github.com/desandro/vanilla-masonry/master/masonry.min.js was blocked due to mime type mismatch 

相反，您必须将外部脚本嵌入到您的小提琴中以使其在 Internet Explorer 中运行，或者如果您在自己的服务器上运行您的页面，您还可以选择将脚本放在您的网站上并将其指向那里：

http://jsfiddle.net/WH8tW/7/