2

一个快速的问题,我希望有人可以帮助我。

在 Firefox 上,我们的 jQuery 滑块运行良好,但是在使用 Internet Explorer 查看时,会出现一些 javascript 错误。该网站是http://foscam-uk.com/index.php

希望有一个可能的解决方案。

亲切的问候和感谢!

错误:网页错误详情

用户代理:Mozilla/4.0(兼容;MSIE 8.0;Windows NT 6.1;WOW64;Trident/4.0;SLCC2;.NET CLR 2.0.50727;.NET CLR 3.5.30729;.NET CLR 3.0.30729;Media Center PC 6.0; .NET4.0C;.NET4.0E;InfoPath.3) 时间戳:2012 年 6 月 6 日星期三 22:36:43 UTC

消息:对象不支持此属性或方法行:5653 字符:9 代码:0 URI: http: //foscam-uk.com/js/prototype/prototype.js

消息:对象不支持此属性或方法行:5988 字符:5 代码:0 URI: http: //foscam-uk.com/js/prototype/prototype.js

消息:对象不支持此属性或方法行:2 字符:5 代码:0 URI: http: //foscam-uk.com/skin/frontend/default/theme316/js/scripts.js

消息:对象不支持此属性或方法行:5736 字符:7 代码:0 URI: http: //foscam-uk.com/js/prototype/prototype.js

消息:对象不支持此属性或方法行:5988 字符:5 代码:0 URI: http: //foscam-uk.com/js/prototype/prototype.js

消息:对象不支持此属性或方法行:73 字符:11 代码:0 URI: http: //foscam-uk.com/index.php

4

4 回答 4

2

IE 对 CSS 和 JS 文件的数量有一些限制。(大约 30 个)。我没数过,但似乎你有大量的 JS 和 css 文件引用。如果超过这个IE基本上停止下载脚本或css文件。您可以使用 Fiddler 自行验证。

尝试使用压缩工具将它们压缩为单个文件(例如:http: //developer.yahoo.com/yui/compressor/

于 2012-06-06T22:45:05.537 回答
1

所以看起来你正在加载几个第三方库。您正在加载 PrototypeJS、Scriptaculous、jQuery 和 jQuery 插件*。在我看来,您所拥有的与其说是 JavaScript 问题,不如说是插件组织问题。

现在,您似乎确实在一个地方使用了类似的东西jQuery.noConflict(),但在另一个地方却没有。

我的建议是停用您在网站上使用的所有当前注入 JavaScript 的模块,然后一次重新启用它们。每次重新启用插件时,请检查是否该插件以及所有其他插件是否正常工作。


*实际上,您加载的不仅仅是几个库。您实际上正在加载两个版本的 jQuery以及 Prototype。这不是一个好习惯。这是我可以看到的,不包括正在插入的 Magento 生成的代码:

  • 原型 1.7
  • 信用卡验证Javascript
  • 使用 Prototype 进行非常简单的字段验证
  • script.aculo.us builder.js
  • script.aculo.us effects.js
  • script.aculo.us controls.js
  • script.aculo.us 滑块.js
  • jQuery 1.4.2
  • jCarouselLite
  • jQuery 1.7.1
  • TMSlider:基于 jQuery 的图像滑块
  • jQuery 缓动 v1.3

您需要重新考虑如何处理其中一些影响。这些库的作用有很多重叠,您最好看看是否有一种方法可以在您选择的模块中创建一些理智。

于 2012-06-09T19:16:14.047 回答
1

prototype.js 似乎在每个浏览器中都会抛出错误,但这些似乎对您的网站没有影响。

您的网站在 IE7 和 IE10 中运行良好。在 IE8 中,您的 jQuery 版本会引发错误,而不是滑块代码。我会将 jQuery 的 1.7.1 版本升级到 1.7.2(最新)。

于 2012-06-06T22:36:38.780 回答
0

我的客户端脚本也有类似的问题。即使该站点在 IE8 和 IE9 中运行,IE10 F12 开发工具脚本选项卡也会显示 jQuery 语法错误。

我使用的库之一(Telerik Kendo UI)还不兼容 IE10。

为了强制 IE10 显示页面,我必须将此元标记添加到我的 HEAD 标记的最顶部(头中的第一项):

 <meta http-equiv="X-UA-Compatible" content="IE=9" />

然后页面再次工作。

于 2012-09-25T12:33:14.170 回答