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


Posted in Javascript onJuly 15, 2016

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 3.0中存在问题及解决办法

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

因为在使用 jquery 2 时,这种情况下,控制台是可以提示错误的

<script src="jquery-2.1.3.min.js"></script>
<script>
$(function (){
throw new Error('出错了');
$('#container').html('你好');
});
</script>

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

解决办法

因为 jquery 3.0 正式支持了 promise,所以可以对 .ready() 使用 promise 形式,使用 fail 抛出异常

例如

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

这时控制台就可以显示出错误信息了

Javascript 相关文章推荐
[原创]用javascript实现检测指定目录是否存在的方法
Jan 12 Javascript
ajax异步刷新实现更新数据库
Dec 03 Javascript
使用Java实现简单的server/client回显功能的方法介绍
May 03 Javascript
jQuery中:lt选择器用法实例
Dec 29 Javascript
如何屏蔽防止别的网站嵌入框架代码
Aug 24 Javascript
让你一句话理解闭包(简单易懂)
Jun 03 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
canvas实现弧形可拖动进度条效果
May 11 Javascript
微信小程序使用navigateTo数据传递的实例
Sep 26 Javascript
vue中过滤器filter的讲解
Jan 21 Javascript
es6数组的flat(),flatMap()函数用法实例分析
Apr 18 Javascript
JavaScript6 let 新语法优势介绍
Jul 15 #Javascript
简单实现轮播图效果的实例
Jul 15 #Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
Jul 15 #Javascript
JavaScript计算器网页版实现代码分享
Jul 15 #Javascript
js实现楼层效果的简单实例
Jul 15 #Javascript
基于JavaScript实现轮播图代码
Jul 14 #Javascript
js轮播图代码分享
Jul 14 #Javascript
You might like
PHP文件下载类
2006/12/06 PHP
PHP 手机归属地查询 api
2010/02/08 PHP
一个简单的PHP验证码实现代码
2014/05/10 PHP
PHP生成随机密码方法汇总
2015/08/27 PHP
JS 自定义带默认值的函数
2011/07/21 Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
2011/10/14 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
把jquery 的dialog和ztree结合实现步骤
2013/08/02 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
jQuery中live()方法用法实例
2015/01/19 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
省市区三级联动下拉框菜单javascript版
2015/08/11 Javascript
JS实现仿QQ效果的三级竖向菜单
2015/09/25 Javascript
关于javascript作用域的常见面试题分享
2017/06/18 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
小程序云开发获取不到数据库记录的解决方法
2019/05/18 Javascript
前端路由&amp;webpack基础配置详解
2019/06/10 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
2019/08/26 Javascript
layui 上传图片 返回图片地址的方法
2019/09/26 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
2020/07/22 Javascript
[01:29:46]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第二局
2016/02/27 DOTA
Django中对通过测试的用户进行限制访问的方法
2015/07/23 Python
浅谈django中的认证与登录
2016/10/31 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
关于python字符串方法分类详解
2019/08/20 Python
PyTorch预训练的实现
2019/09/18 Python
pytorch nn.Conv2d()中的padding以及输出大小方式
2020/01/10 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
python推导式的使用方法实例
2021/02/28 Python
HTML5 canvas基本绘图之图形组合
2016/06/27 HTML / CSS
网络教育自我鉴定
2014/02/04 职场文书
党员学习中共十八大报告思想汇报
2014/09/15 职场文书
简单租房协议书
2014/10/21 职场文书
组织生活会发言材料
2014/12/15 职场文书
兴趣班停课通知
2015/04/24 职场文书
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android