最近公司做的项目要求兼容到IE8,结果在页面调试的时候出了个bug,在IE8上面一直报错$未定义,或者jQuery未定义,导致页面上面写的jQuery全部失效,在Chrome浏览器没有任何问题。很是头疼,查了半天资料页面也没找到,降低jQuery的版本(用的1.10.2,正常应该是兼容IE8的)也不行。由原因找结果,$未定义,也就是jQuery没有引进了,那么这个问题只能出现在script标签这里。原来是type的值写错了,下面详细说一下。
1.代码如下,这个在Chrome下面是正常弹出你好,没有任何问题
<html> <head> <title></title> <meta charset="utf-8"> <script type="application/javascript" src="lib/js/jQuery v1.9.1.js"> </script> <script> $(function(){ $("#div1").click(function(){ alert("你好"); }) }) </script> </head> <body> <dvi id="div1">你好</dvi> </body> </html>
但是在IE8下,报错,
原因就是这段代码:
type="application/javascript"
将他改为
type="text/javascript"
IE真坑啊!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
2.之后查了 查
type="application/javascript"
这样引入脚本是正确的,但是在IE8下会引入失败!!!!!!!!!!!!1