Question

我的网站 - http://www.myhomecare.ie - 是一个使用Sterling theme的Wordpress安装，它与IE 8和9兼容。当我在IE 8浏览器中测试它时，一切运行正常并且看起来不错突然开始抛出错误并在IE中垂直显示菜单而不是水平显示。

我联系了主题制作者提供的支持，但他们报告说它在IE浏览器中看起来很好。

认为它可能只是我的计算机我在办公室的其他计算机上试了一下，发现问题出现在所有工作的计算机上的IE 8上。我们确实在大型网络上工作，因此网络管理员可能以不同的方式配置IE设置，但我仍然需要摆脱这个错误，以防我们的客户正在查看这样的网站。

当我在IE 8中加载网站时，我在屏幕底部收到一条错误消息，显示以下问题：

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; Tablet PC 2.0)
Timestamp: Fri, 17 Aug 2012 09:23:02 UTC


Message: 'jQuery' is undefined
Line: 1
Char: 1
Code: 0
URI: http://myhomecare.ie/wp-content/themes/Sterling/framework/js/IE.js


Message: Expected identifier, string or number
Line: 398
Char: 5
Code: 0
URI: http://myhomecare.ie/wp-content/themes/Sterling/framework/js/custom-main.js?ver=2.0


Message: Expected identifier, string or number
Line: 195
Char: 4
Code: 0
URI: http://myhomecare.ie/

我不是jquery的专家，但我确实有一些html和css知识。我需要一些帮助来理解错误消息的问题。我已经尝试删除我放入主题的自定义代码并禁用最近的插件，但它没有任何区别。我很困惑为什么问题不适用于所有IE 8浏览器。如果有人对下一步的故障排除有任何建议我会非常感激。

Answer 1

第一个错误是引用javascript文件，该文件使用指定IE版本小于或等于版本8的条件代码加载到<head>中。

<!--[if lte IE 8]>
<script type="text/javascript" src="http://myhomecare.ie/wp-content/themes/Sterling/framework/js/IE.js"></script>
<![endif]-->

问题是这个代码是在标题中调用的，而jQuery是在页脚中调用的。需要先在依赖脚本之前加载jQuery，这就是错误说它未定义的原因。

将上面给出的代码块移动到另一个脚本包含下面的页脚，然后从那里取出。

注意：尽管IE8具有相同的“未定义”错误，但它在我的版本上显示正常，而IE7则不是。

编辑*

好的，我们从那里拿走它。下一个错误，在第398行;

http://myhomecare.ie/wp-content/themes/Sterling/framework/js/custom-main.js?ver=2.0

抛出

因为在这个代码块中最后一个同位素参数后面有一个逗号;

jQuery('#iso-wrap').isotope({
    animationOptions: {
     duration: 750,
     easing: 'linear',
     queue: false,
     }
});

删除单词false后的逗号。

这也将清除最后一个与第二个错误相关的错误。

根据你的IE版本，这是你提到的网络管理员的问题，这里没有人知道他们是如何设置的。

编辑2

好的，根据您的最新评论，它与之前的问题完全相同，滑块参数末尾有一个逗号;

在你的页脚中你有;

jQuery(document).ready(function(){
jQuery('#slides').slides({
      preload: false,
      //preloadImage: 'http://files.truethemes.net/themes/sterling-wp/ajax-loader.gif',
      autoHeight: true,
      effect: 'fade',
      slideSpeed: 500,
      play: 4000,
      randomize: false,
      hoverPause: true,
  });

}）;

在最后一次真实之后摆脱逗号。

在Internet Explorer 8上加载wordpress网站的错误

1 个答案: