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 isPrototypeOf和hasOwnProperty使用区别
Mar 04 Javascript
jquery easyui使用心得
Jul 07 Javascript
jQuery中slideUp()方法用法分析
Dec 24 Javascript
使用jQuery实现返回顶部
Jan 26 Javascript
jQuery添加和删除输入文本框标签代码
May 20 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
Oct 17 Javascript
js实现小窗口拖拽效果
Dec 03 Javascript
jQuery实现的背景颜色渐变动画效果示例
Mar 24 jQuery
详解vue中使用express+fetch获取本地json文件
Oct 10 Javascript
vue实现pdf文档在线预览功能
Nov 26 Javascript
vue v-model的用法解析
Oct 19 Javascript
vue print.js打印支持Echarts图表操作
Nov 13 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数据缓存技术
2007/02/14 PHP
PHP foreach循环使用详解与实例代码
2010/05/08 PHP
php将图片保存为不同尺寸图片的图片类实例
2015/03/30 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
PHP获取对象属性的三种方法实例分析
2019/01/03 PHP
JS中彻底删除JSON对象组成的数组中的元素
2020/09/22 PHP
jQuery 渐变下拉菜单
2009/12/15 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
解析Node.js异常处理中domain模块的使用方法
2016/02/16 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
深入理解js数组的sort排序
2016/05/28 Javascript
BootStrap的双日历时间控件使用
2017/07/25 Javascript
JS+Ajax实现百度智能搜索框
2017/08/04 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
vue 2.0 购物车小球抛物线的示例代码
2018/02/01 Javascript
Bootstrap Fileinput 4.4.7文件上传实例详解
2018/07/25 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
vue 强制组件重新渲染(重置)的两种方案
2019/10/29 Javascript
BootstrapValidator验证用户名已存在(ajax)
2019/11/08 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
2020/02/05 Javascript
javascript设计模式 ? 享元模式原理与用法实例分析
2020/04/15 Javascript
[01:02:03]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS VG
2014/05/26 DOTA
Python中logging日志库实例详解
2020/02/19 Python
python接入支付宝的实例操作
2020/07/20 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
Mankind西班牙男士护肤品网站:购买皮肤护理、护发和剃须
2017/04/27 全球购物
汽车运用工程专业毕业生推荐信
2013/12/25 职场文书
2014年师德承诺书
2014/05/23 职场文书
电子工程求职信
2014/07/17 职场文书
公司副总经理岗位职责
2014/10/01 职场文书
创先争优活动个人总结
2015/03/04 职场文书
图书馆义工感想
2015/08/07 职场文书
职场新人刚入职工作总结该怎么写?
2019/05/15 职场文书
实例讲解Python中sys.argv[]的用法
2021/06/03 Python