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-09
jquery中ajax調(diào)用json數(shù)據(jù)的使用說明
jquery里提供了便捷的ajax運用,下面總結我自己的一些經(jīng)驗2011-03-03
jQuery實現(xiàn)的Email中的收件人效果(按del鍵刪除)
基于jquery實現(xiàn)的Email中的收件人效果,可通過del鍵刪除,需要的朋友可以參考下。2011-03-03
jquery 如何動態(tài)添加、刪除class樣式方法介紹
獲取與設置樣式 獲取class和設置class都可以使用attr()方法來完成。例如使用attr()方法來獲取p元素的class2012-11-11
jquery插件之信息彈出框showInfoDialog(成功/錯誤/警告/通知/背景遮罩)
某某同學最近寫了個基于jquery的信息彈出插件showInfoDialog,該插件對背景進行遮罩,然后彈出信息顯示框,信息顯示種類包括(操作成功/錯誤信息/警告信息/通知信息)感興趣的朋友可以了解下2013-01-01

