jQuery Cannot read property ‘msie' of undefined錯誤的解決方法

最近把一個項目的jQuery升級到最新版，發(fā)現(xiàn)有些頁面報如下錯誤

Cannot read property 'msie' of undefined

上jQuery網(wǎng)站上搜了一下，原因是$.browser這個api從jQuery1.9開始就正式廢除，js代碼里只要用到$.browser就會報這個錯。具體說明參見jQuery官方說明。

樓主順便擴展閱讀了一下，發(fā)現(xiàn)jQuery 1.9把所有在之前版本里標記為deprecated的api都正式刪除了，徹底不再向后兼容。對于升級到最新jQuery的童鞋而言，這意味著得花費一些額外的時間把代碼升級使用新的api，或者自己另外實現(xiàn)這些被刪除的方法。幸運的是，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;}})();

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

最新評論