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 相关文章推荐
setInterval 和 setTimeout会产生内存溢出
Feb 15 Javascript
JavaScript起点(严格模式深度了解)
Jan 28 Javascript
如何使用json在前后台进行数据传输实例介绍
Apr 11 Javascript
使用apply方法实现javascript中的对象继承
Dec 16 Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 Javascript
jquery实现表格隔行换色效果
Nov 19 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
Jan 14 Javascript
Bootstrap每天必学之折叠(Collapse)插件
Apr 25 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
Jul 12 Javascript
AngularJS之依赖注入模拟实现
Aug 19 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
Nov 17 Javascript
JavaScript自定义文本框光标
Mar 05 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
GBK的页面输出JSON格式的php函数
2010/02/16 PHP
php 去除html标记--strip_tags与htmlspecialchars的区别详解
2013/06/26 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
javaScript 简单验证代码(用户名,密码,邮箱)
2009/09/28 Javascript
JavaScript类型转换方法及需要注意的问题小结(挺全面)
2010/11/11 Javascript
GRID拖拽行的实例代码
2013/07/18 Javascript
javascript获取选中的文本的方法代码
2013/10/30 Javascript
原生js ActiveXObject获取execl里面的值
2013/11/01 Javascript
jquery实现炫酷的叠加层自动切换特效
2015/02/01 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
2015/04/22 Javascript
详解 javascript中offsetleft属性的用法
2015/11/11 Javascript
javascript每日必学之封装
2016/02/23 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
教你完全理解ReentrantLock重入锁
2019/06/03 Javascript
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
2019/07/04 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
微信小程序语音同步智能识别的实现案例代码解析
2020/05/29 Javascript
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
js实现简单的无缝轮播效果
2020/09/05 Javascript
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
[00:12]DAC2018 天才少年转战三号位,他的SOLO是否仍如昔日般强大?
2018/04/06 DOTA
Python中optparse模块使用浅析
2015/01/01 Python
Python获取当前页面内所有链接的四种方法对比分析
2017/08/19 Python
python 制作自定义包并安装到系统目录的方法
2018/10/27 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
详解pandas apply 并行处理的几种方法
2021/02/24 Python
无畏的旅行:Intrepid Travel
2017/12/20 全球购物
Footshop罗马尼亚:最好的运动鞋选择
2019/09/10 全球购物
学生安全教育材料
2014/02/14 职场文书
机械设计及其自动化求职推荐信
2014/02/17 职场文书
护林防火标语
2014/06/27 职场文书
2015年清明节演讲稿范文
2015/03/17 职场文书
新郎父母婚礼答谢词
2015/09/29 职场文书
《梅花魂》教学反思
2016/02/18 职场文书
html5中sharedWorker实现多页面通信的示例代码
2021/05/07 Javascript
MySQL 原理与优化之Limit 查询优化
2022/08/14 MySQL