IE8的兼容性问题

1、ie8与jquery的版本问题:

最近做WordPress主题,遇到一个很奇怪的问题,网页在Chrome等浏览器都显示正常,但是到了IE8里面就无法工作。提示“加载完毕,但网页中有错误”。

尝试修复IE浏览器,但是毫无效果。后来经过反复排查,发现问题在于IE8不能运行jQuery。网上找了很久也没找到相关的文章。而且之前用过一些jquery插件,在IE中也是能正常使用的。用IE打开之前写的一个jQuery插件的Demo,运行正常,又在想是不是CDN的原因,于是把CDN引用的jQuery换成本地的jQuery文件,还是没有效果。。。

猜测可能是IE8对CDN的支持有问题,用“ie8 jquery cdn”作为关键字搜索,结果意外找到了答案,原来是因为CDN我引用的是2.1版本的jQuery,而2.0以上版本的jQuery已经不再支持IE8及以下版本的IE浏览器,所以才出现了这个问题。

jQuery 2.0将移除对IE6/IE7/IE8的支持
http://www.weste.net/2012/7-24/84174.html

解决方法很简单,在网页头部插入这样的代码,让IE8及以下版本浏览器引用jQuery 1.9的CDN就行了。

 
 
  1. <!--IE8只能支持jQuery1.9-->
  2. <!--[if lte IE 8]>
  3. <script src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
  4. <![endif]-->
本文由 jzj1993原创,转载请注明来源: http://www.hainter.com/ie8-jquery

2、HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用

这个属性主要是设置浏览器优先使用什么模式来渲染页面的。
常见写法如下:
<meta http-equiv="X-UA-Compatible" content="IE=7">  
#以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。  
<meta http-equiv="X-UA-Compatible" content="IE=8">  
#以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。  
<meta http-equiv="X-UA-Compatible" content="IE=edge">  
#以上代码告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面。  
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">  
<meta http-equiv="X-UA-Compatible" content="IE=7,9">  
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
#以上代码IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame.

3、关于日历的浏览器兼容性问题
当鼠标悬停等效果不会实现时,获取日历的day时需要这样写:var days = this.textContent || this.innerHTML;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值