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

最近把一個(gè)項(xiàng)目的jQuery升級(jí)到最新版，發(fā)現(xiàn)有些頁面報(bào)如下錯(cuò)誤

Cannot read property 'msie' of undefined

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

樓主順便擴(kuò)展閱讀了一下，發(fā)現(xiàn)jQuery 1.9把所有在之前版本里標(biāo)記為deprecated的api都正式刪除了，徹底不再向后兼容。對于升級(jí)到最新jQuery的童鞋而言，這意味著得花費(fèi)一些額外的時(shí)間把代碼升級(jí)使用新的api，或者自己另外實(shí)現(xiàn)這些被刪除的方法。幸運(yùn)的是，jQuery團(tuán)隊(duì)意識(shí)到了這個(gè)break change帶來的種種不便，推出了一個(gè)叫jQuery Migrate插件，用于能夠自動(dòng)恢復(fù)那些在最新版本里被廢棄的API。只要引用了這個(gè)插件，已有的js代碼無須改動(dòng)就能和最新的jQuery庫一起正常運(yùn)行。

下面是具體的解決方法，首先要下載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的解決方法雖然簡單無腦，但是會(huì)導(dǎo)致增加一個(gè)額外的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;}})();

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

最新評(píng)論