jQuery.holdReady()使用方法


Posted in Javascript onMay 20, 2014
holdReady: function( hold ) { 
if ( hold ) { 
jQuery.readyWait++; // readyWait就是一个计数器,表示还有多少个条目就绪事件才能执行 } else { jQuery.ready( true ); } }

使用方法如下:

jQuery.holdReady( hold )

作用:暂停或恢复.ready() 事件的执行

参数:hold为boolean值,指示是否暂停或恢复被请求的ready事件

jQuery.holdReady()方法允许jQuery的完成事件被该函数锁定。这个高级特性的典型应用场合是动态载入脚本,比如jQuery插件等。在附加的脚本载入完成前,即使页面已经准备好,jQuery的完成事件也不会被触发。这个函数必须在页面的靠前部分被调用,比如在<head>标签当中,jQuery载入下一行。在完成事件被触发后调用此函数没有任何效果。使用方法:首先调用$.holdReady(true)[调用后完成事件将被锁定]。当准备好触发完成事件时,调用$.holdReady(false)。需要注意的是,可以对完成事件添加多个锁定,每个锁定对应一次$.holdReady(false)[解锁]调用。jQuery的完成事件将在所有的锁定都被解除,并且页面也已经准备好的情况下被触发。实际上就是为一些需要依赖动态脚本的代码加的一个安全锁,当所需要的动态脚本加载完毕后再执行就绪事件,而不是在DOM树构建成功后执行。

Javascript 相关文章推荐
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
Oct 11 Javascript
js 剪切板的用法(clipboardData.setData)与js match函数介绍
Nov 19 Javascript
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
Jan 02 Javascript
JavaScript 事件绑定及深入
Apr 13 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 Javascript
Bootstrap自定义文件上传下载样式
May 26 Javascript
jQuery属性选择器用法示例
Sep 09 Javascript
ES6中的箭头函数实例详解
Apr 06 Javascript
vue如何引用其他组件(css和js)
Apr 13 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
Jan 25 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
dts文件中删除一个node或属性的操作方法
Aug 05 Javascript
js判断上传文件类型判断FileUpload文件类型代码
May 20 #Javascript
jQuery 如何先创建、再修改、后添加DOM元素
May 20 #Javascript
特殊情况下如何获取span里面的值
May 20 #Javascript
jQuery基于当前元素进行下一步的遍历
May 20 #Javascript
jQuery 删除/替换DOM元素的几种方式
May 20 #Javascript
php实例分享之实现显示网站运行时间
May 20 #Javascript
jQuery使用andSelf()来包含之前的选择集
May 19 #Javascript
You might like
《魔兽争霸3》重制版究竟重制了什么?玩家:这么糊弄真的好吗?
2020/05/04 魔兽争霸
收音机指标测试方法及仪器
2021/03/01 无线电
php Static关键字实用方法
2010/06/04 PHP
php更新修改excel中的内容实例代码
2014/02/26 PHP
php中实现记住密码下次自动登录的例子
2014/11/06 PHP
详解php中生成标准uuid(guid)的方法
2019/04/28 PHP
类之Prototype.js学习
2007/06/13 Javascript
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
2012/10/11 Javascript
javascript强大的日期函数代码分享
2013/09/04 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
javascript学习笔记(三)BOM和DOM详解
2014/09/30 Javascript
JS实现带提示的星级评分效果完整实例
2015/10/30 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
Bootstrap创建可折叠的组件
2016/02/23 Javascript
AngularJS过滤器详解及示例代码
2016/08/16 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
2017/03/20 Javascript
详解Vue整合axios的实例代码
2017/06/21 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
Vue二次封装axios为插件使用详解
2018/05/21 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
2019/02/13 Javascript
原生JS生成指定位数的验证码
2020/10/28 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
2021/01/30 Vue.js
Python 备份程序代码实现
2017/03/06 Python
详解Django中间件执行顺序
2018/07/16 Python
python中yield的用法详解——最简单,最清晰的解释
2019/04/04 Python
美国领先的低折扣旅行网站:Hotwire
2019/01/19 全球购物
Huda Beauty官方商店:化妆和美容产品
2020/09/05 全球购物
法国亚马逊官方网站:Amazon.fr
2020/12/19 全球购物
淘宝活动策划方案
2014/02/06 职场文书
社区班子对照检查材料
2014/08/27 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android