最近公司做的项目要求兼容到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