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 相关文章推荐
JS无法捕获滚动条上的mouse up事件的原因猜想
Mar 21 Javascript
php对mongodb的扩展(初识如故)
Nov 11 Javascript
PHP abstract与interface之间的区别
Nov 11 Javascript
IE6已终止操作问题的2种情况及解决
Apr 23 Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
Oct 09 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
May 17 Javascript
vue组件实现弹出框点击显示隐藏效果
Oct 26 Javascript
JSON基本语法及与JavaScript的异同实例分析
Jan 04 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
Sep 10 Javascript
JS实现图片切换特效
Dec 23 Javascript
详解Node.JS模块 process
Aug 31 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设计模式 注册表模式
2012/02/05 PHP
php去除数组中重复数据
2014/11/18 PHP
php curl 上传文件代码实例
2015/04/27 PHP
使用PHP生成图片的缩略图的方法
2015/08/18 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
详解PHP的Yii框架中扩展的安装与使用
2016/04/01 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
Jquery实现由下向上展开效果的例子
2014/12/08 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
Bootstrap和Java分页实例第二篇
2016/12/23 Javascript
jQuery实现鼠标跟随效果
2017/02/20 Javascript
vue父组件异步获取数据传给子组件的方法
2018/07/26 Javascript
解决vue cli使用typescript后打包巨慢的问题
2019/09/30 Javascript
如何使用Jquery动态生成二级选项列表
2020/02/06 jQuery
JavaScript中this的学习笔记及用法整理
2020/02/17 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
2020/03/04 Javascript
vue实现表单未编辑或未保存离开弹窗提示功能
2020/04/08 Javascript
[31:29]完美世界DOTA2联赛PWL S3 INK ICE vs Magma 第一场 12.20
2020/12/23 DOTA
讲解python参数和作用域的使用
2013/11/01 Python
python根据京东商品url获取产品价格
2015/08/09 Python
深入理解Python中的内置常量
2017/05/20 Python
Python基于回溯法子集树模板解决野人与传教士问题示例
2017/09/11 Python
详细解读tornado协程(coroutine)原理
2018/01/15 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
python try except返回异常的信息字符串代码实例
2019/08/15 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
Css3实现无缝滚动防抖
2020/09/14 HTML / CSS
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
物业管理员岗位职责范文
2013/11/25 职场文书
老师给学生的表扬信
2014/01/17 职场文书
委托书如何写
2014/08/30 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
教师工作证明范本
2015/06/12 职场文书