javascript - IE9 - Mime 类型不匹配 - 对象不支持属性

Question

我正在使用一个名为 JRumble 的 JQuery 插件:http://jackrugile.com/jrumble/

我设置了一个简单的 fiddle 来测试:http://jsfiddle.net/phillipkregg/4LP65/6/

您可以看到该插件在 Chrome 和 Firefox 中运行良好，但在 IE9 上我遇到了一些错误。

截取了 IE 开发者工具的屏幕截图以显示它所指的内容:

我复制了控制台中的文本，以防图像难以阅读:

HTML1115: X-UA-Compatible META tag ('IE=EmulateIE7') ignored because document mode is already finalized. 
4
HTML1115: X-UA-Compatible META tag ('IE=EmulateIE7') ignored because document mode is already finalized. 
4
HTML1115: X-UA-Compatible META tag ('IE=EmulateIE7') ignored because document mode is already finalized. 
4
SEC7112: Script from https://raw.github.com/jackrugile/jRumble/master/demo/js/jquery.jrumble.1.3.min.js was blocked due to mime type mismatch 
show
SCRIPT438: Object doesn't support property or method 'jrumble' 
show, line 26 character 2

当我查找 Object does not support property or method 'jrumble' 的问题时，一些解决方案表明这可能是由与JavaScript 变量名。但是，在我的简单示例中没有冲突的名称，并且它仍然无法在 IE 中工作。

仅从控制台来看，问题似乎可能是 mime 类型不匹配，导致 IE 无法识别 JRumble。

这确实是问题吗？有谁知道如何解决这个问题？

谢谢!

Answer 1

要进一步解决此问题，请转到“网络”选项卡，开始捕获，然后重新加载页面。找到脚本并转到其详细 View 。检查 content-type 响应 header 并查看它是什么。

可以通过从您自己的服务器使用正确的 header 提供文件来避免此问题。