jQuery 3.0中存在问题及解决办法

 更新时间:2016年07月15日 09:57:36   投稿:mrr  
这篇文章主要介绍了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>

非常简单,此时没有任何问题,可以正常显示内容,但如果 $(function (){... }) 内部出现异常,让人困扰的问题便来了

添加一个异常后的状态

$(function (){
throw new Error('出错了');
$('#container').html('你好');
});

页面不显示内容是正常的,但控制台也没有显示任何错误信息,显然和我们的预期不一样

因为在使用 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实现的fixedMenu下拉菜单效果代码

    jQuery实现的fixedMenu下拉菜单效果代码

    这篇文章主要介绍了jQuery实现的fixedMenu下拉菜单效果代码,通过自定义fixedMenu方法实现点击下拉菜单效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 微信小程序-获得用户输入内容

    微信小程序-获得用户输入内容

    本文主要介绍了微信小程序中获得用户输入内容的方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 使用jquery自定义鼠标样式满足个性需求

    使用jquery自定义鼠标样式满足个性需求

    浏览器是有自带的鼠标样式的,如果某些时候为了保持鼠标样式的统一,或者想指定特定的鼠标样式该怎么办呢?那就要使用自定义了,下面有个不错的示例,喜欢的朋友可以参考下
    2013-11-11
  • jquery 动态增加删除行的简单实例(推荐)

    jquery 动态增加删除行的简单实例(推荐)

    下面小编就为大家带来一篇jquery 动态增加删除行的简单实例(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 为jquery的ajaxfileupload增加附加参数的方法

    为jquery的ajaxfileupload增加附加参数的方法

    这篇文章主要介绍了为jquery的ajaxfileupload增加附加参数的方法,需要的朋友可以参考下
    2014-03-03
  • JQuery Ajax如何实现注册检测用户名

    JQuery Ajax如何实现注册检测用户名

    这篇文章主要介绍了JQuery Ajax如何实现注册检测用户名,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • jQuery事件的绑定、触发、及监听方法简单说明

    jQuery事件的绑定、触发、及监听方法简单说明

    这篇文章主要介绍了jQuery事件的绑定、触发、及监听方法简单说明,使用jQuery的事件会使代码更加简单,同时对各浏览器的兼容性也还不错,需要的朋友可以参考下
    2016-05-05
  • EasyUI学习之Combobox级联下拉列表(2)

    EasyUI学习之Combobox级联下拉列表(2)

    这篇文章主要为大家详细介绍了EasyUI学习之Combobox级联下拉列表的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • jQuery animate效果演示

    jQuery animate效果演示

    一个简单的animate函数尝试, 这个效果在web应用中非常的实用,提供大家参考!
    2009-10-10
  • 简述Jquery与DOM对象

    简述Jquery与DOM对象

    这篇文章主要介绍了简述Jquery与DOM对象的相关资料,十分的简单实用,需要的朋友可以参考下
    2015-07-07

最新评论