jQuery 3.0中存在問(wèn)題及解決辦法
jQuery 前階段推出了3.0版本,改動(dòng)非常大,如果要使用 3.0 的話,建議先仔細(xì)了解一下新特性,否則會(huì)引起一些小問(wèn)題,例如下面的代碼。
大家對(duì)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>
非常簡(jiǎn)單,此時(shí)沒(méi)有任何問(wèn)題,可以正常顯示內(nèi)容,但如果 $(function (){... }) 內(nèi)部出現(xiàn)異常,讓人困擾的問(wèn)題便來(lái)了
添加一個(gè)異常后的狀態(tài)
$(function (){ throw new Error('出錯(cuò)了'); $('#container').html('你好'); });
頁(yè)面不顯示內(nèi)容是正常的,但控制臺(tái)也沒(méi)有顯示任何錯(cuò)誤信息,顯然和我們的預(yù)期不一樣
因?yàn)樵谑褂?jquery 2 時(shí),這種情況下,控制臺(tái)是可以提示錯(cuò)誤的
<script src="jquery-2.1.3.min.js"></script> <script> $(function (){ throw new Error('出錯(cuò)了'); $('#container').html('你好'); }); </script>
解決辦法
因?yàn)?jquery 3.0 正式支持了 promise,所以可以對(duì) .ready() 使用 promise 形式,使用 fail 拋出異常
例如
$.ready.then (function() { throw new Error('出錯(cuò)了'); $('#container').html('你好'); }).fail (function(error) { throw error; });
這時(shí)控制臺(tái)就可以顯示出錯(cuò)誤信息了
相關(guān)文章
jquery簡(jiǎn)單實(shí)現(xiàn)外部鏈接用新窗口打開(kāi)的方法
這篇文章主要介紹了jquery簡(jiǎn)單實(shí)現(xiàn)外部鏈接用新窗口打開(kāi)的方法,涉及jQuery正則匹配http://開(kāi)頭外部鏈接網(wǎng)址的相關(guān)技巧,需要的朋友可以參考下2015-05-05Jquery 垂直多級(jí)手風(fēng)琴菜單附源碼下載
本文給大家分享一款簡(jiǎn)單但實(shí)用的多級(jí)垂直手風(fēng)琴下拉菜單列表,完全使用css來(lái)制作多級(jí)手風(fēng)琴菜單,通過(guò)該代碼將不同的子菜單進(jìn)行分組制作出多級(jí)菜單的效果,本文附效果演示和源碼下載感興趣的朋友一起學(xué)習(xí)吧2015-11-11詳解jquery插件jquery.viewport.js學(xué)習(xí)使用方法
本篇文章主要介紹了詳解jquery插件jquery.viewport.js學(xué)習(xí)使用方法,具有一定的參考價(jià)值,有興趣的可以了解一下2017-09-09jquery中ajax調(diào)用json數(shù)據(jù)的使用說(shuō)明
jquery里提供了便捷的ajax運(yùn)用,下面總結(jié)我自己的一些經(jīng)驗(yàn)2011-03-03jquery之基本選擇器practice(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇jquery之基本選擇器practice(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09jQuery實(shí)現(xiàn)的Email中的收件人效果(按del鍵刪除)
基于jquery實(shí)現(xiàn)的Email中的收件人效果,可通過(guò)del鍵刪除,需要的朋友可以參考下。2011-03-03jquery 如何動(dòng)態(tài)添加、刪除class樣式方法介紹
獲取與設(shè)置樣式 獲取class和設(shè)置class都可以使用attr()方法來(lái)完成。例如使用attr()方法來(lái)獲取p元素的class2012-11-11jquery插件之信息彈出框showInfoDialog(成功/錯(cuò)誤/警告/通知/背景遮罩)
某某同學(xué)最近寫(xiě)了個(gè)基于jquery的信息彈出插件showInfoDialog,該插件對(duì)背景進(jìn)行遮罩,然后彈出信息顯示框,信息顯示種類包括(操作成功/錯(cuò)誤信息/警告信息/通知信息)感興趣的朋友可以了解下2013-01-01