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