jQuery 出現Cannot read property ‘msie’ of undefined錯誤的解決方案_jquery

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;}})();

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