jQuery 3.0中存在問題及解決辦法
jQuery 前階段推出了3.0版本,改動非常大,如果要使用 3.0 的話,建議先仔細了解一下新特性,否則會引起一些小問題,例如下面的代碼。
大家對jQuery 3.0十大新特性不了解的朋友可以參考下本篇文章。
<html> <head> <meta charset="utf-8"> <script src="jquery-3.0.min.js"></script> <script> $(function (){ $('#container').html('你好'); }) </script> </head> <body> <div id="container"></div> </body> </html>
非常簡單,此時沒有任何問題,可以正常顯示內(nèi)容,但如果 $(function (){... }) 內(nèi)部出現(xiàn)異常,讓人困擾的問題便來了
添加一個異常后的狀態(tài)
$(function (){ throw new Error('出錯了'); $('#container').html('你好'); });
頁面不顯示內(nèi)容是正常的,但控制臺也沒有顯示任何錯誤信息,顯然和我們的預期不一樣
因為在使用 jquery 2 時,這種情況下,控制臺是可以提示錯誤的
<script src="jquery-2.1.3.min.js"></script> <script> $(function (){ throw new Error('出錯了'); $('#container').html('你好'); }); </script>
解決辦法
因為 jquery 3.0 正式支持了 promise,所以可以對 .ready() 使用 promise 形式,使用 fail 拋出異常
例如
$.ready.then (function() { throw new Error('出錯了'); $('#container').html('你好'); }).fail (function(error) { throw error; });
這時控制臺就可以顯示出錯誤信息了
相關文章
詳解jquery插件jquery.viewport.js學習使用方法
本篇文章主要介紹了詳解jquery插件jquery.viewport.js學習使用方法,具有一定的參考價值,有興趣的可以了解一下2017-09-09jquery中ajax調(diào)用json數(shù)據(jù)的使用說明
jquery里提供了便捷的ajax運用,下面總結我自己的一些經(jīng)驗2011-03-03jQuery實現(xiàn)的Email中的收件人效果(按del鍵刪除)
基于jquery實現(xiàn)的Email中的收件人效果,可通過del鍵刪除,需要的朋友可以參考下。2011-03-03jquery 如何動態(tài)添加、刪除class樣式方法介紹
獲取與設置樣式 獲取class和設置class都可以使用attr()方法來完成。例如使用attr()方法來獲取p元素的class2012-11-11jquery插件之信息彈出框showInfoDialog(成功/錯誤/警告/通知/背景遮罩)
某某同學最近寫了個基于jquery的信息彈出插件showInfoDialog,該插件對背景進行遮罩,然后彈出信息顯示框,信息顯示種類包括(操作成功/錯誤信息/警告信息/通知信息)感興趣的朋友可以了解下2013-01-01