jquery - 对象不支持属性或方法 IE9

Question

我在 IE9 中使用 SlimScroll 时遇到问题。它似乎适用于除 IE9 之外的所有其他浏览器。谷歌搜索发现这个问题有几种不同的可能性，但我真的不确定。我不明白为什么这不起作用，特别是因为它似乎在较旧的 IE 浏览器中起作用。查看错误的最简单方法是访问:http://rocha.la/jQuery-slimScroll 。

错误:对象不支持属性或方法“slimScroll”

区域代码:

jQuery(document).ready(function($) {
$('#slimtest1').slimScroll({
height: '200px'
});

我的 jQuery 知识低于标准，但据我所知，这可能是 IE9 和 jQuery 的问题。我将如何解决这个问题，我不知道。任何帮助将不胜感激。

Answer 1

您在本地访问 slimScroll 网站时是否遇到此问题？

当我使用 IE9 访问该网站时，我实际上遇到了同样的错误。查看控制台有以下消息:

SEC7112: Script from https://raw.github.com/rochal/jQuery-slimScroll/master/slimScroll.js was blocked due to mime type mismatch 

javascript 文件确实包含在 html 中，如下所示:

<script type="text/javascript" src="https://raw.github.com/rochal/jQuery-slimScroll/master/slimScroll.js"></script>

在Chrome中，查看控制台的“网络”选项卡，您可以看到脚本是从gitHub以“text/plain”MIME类型发送的，我想这就是IE9提示的地方:

该文件是从 GitHub 传输的，MIME 类型错误，IE 认为这是一个安全问题，不会下载该脚本。因此，当插件未初始化并且调用 $(...).slimScroll() 时会引发错误。

如果您下载该软件包并在本地尝试，它在 IE9 中运行良好。

无论如何，我认为直接引用 GitHub 上的文件不是一个好主意，因为 GH 不是 CDN，而是源代码存储库。