jQuery Cannot read property ‘msie' of undefined錯誤的解決方法
最近把一個項目的jQuery升級到最新版,發現有些頁面報如下錯誤
Cannot read property 'msie' of undefined
上jQuery網站上搜了一下,原因是$.browser這個api從jQuery1.9開始就正式廢除,js代碼裡只要用到$.browser就會報這個錯。具體說明參見jQuery官方說明。
樓主順便擴展閱讀了一下,發現jQuery 1.9把所有在之前版本裡標記為deprecated的api都正式刪除了,徹底不再向後兼容。對於升級到最新jQuery的童鞋而言,這意味著得花費一些額外的時間把代碼升級使用新的api,或者自己另外實現這些被刪除的方法。幸運的是,jQuery團隊意識到了這個break change帶來的種種不便,推出了一個叫jQuery Migrate插件,用於能夠自動恢復那些在最新版本裡被廢棄的API。只要引用了這個插件,已有的js代碼無須改動就能和最新的jQuery庫一起正常運行。
下面是具體的解決方法,首先要下載jQuery Migrate插件,然後在引用jQuery js的地方之後加上對jQuery Migrate js文件的引用即可。
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
用jQuery Migrate的解決方法雖然簡單無腦,但是會導致增加一個額外的js庫。對於不喜歡增加額外js庫的童鞋,可以參考這篇博客提到的另外一種解決方法,請注意下面代碼加載位置為:jQuery文件之後,$.browser的代碼之前。
jQuery.browser={};(function(){jQuery.browser.msie=false; jQuery.browser.version=0;if(navigator.userAgent.match(/MSIE ([0-9]+)./)){ jQuery.browser.msie=true;jQuery.browser.version=RegExp.$1;}})();
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!