jQuery 3.0中的问题及解决方案

JQuery在前一阶段发布了3.0版本，变化很大。如果要使用3.0，建议仔细了解新特性，否则会造成一些小问题，比如下面的代码。

不知道jQuery 3.0十大新特性的朋友可以参考这篇文章。

htmlhearteta charset=' utf-8 '脚本src=' http : jquery-3.0 . min . js '/script script $(function(){ $(' # container ')。html(' hello ')；})/script/head dydiv id=' container '/div/body/html非常简单。此时没有问题，内容可以正常显示。但是，如果$(function (){内部有异常.})，麻烦的问题就来了

添加异常后的状态

$(function(){抛出新错误(' Error ')；$('#container ')。html(' hello ')；});

页面不显示内容是正常的，但是控制台不显示任何错误消息，这显然与我们的预期不同

因为在使用jquery 2时，在这种情况下，控制台会提示错误

script src=' http : jquery-2 . 1 . 3 . min . js '/script script $(function(){抛出新错误(' error ')；$('#container ')。html(' hello ')；});/脚本

解决办法

因为jquery 3.0官方支持promise，所以可以使用promise for。ready()并未能引发异常

例如

$.准备好了。然后(function(){抛出新错误(' error ')；$('#container ')。html(' hello ')；}).失败(函数(错误){抛出错误；});此时，控制台可以显示错误消息