jQuery.holdReady()方法用法实例

更新时间：2014年12月27日 10:24:05 投稿：shichen2014

这篇文章主要介绍了jQuery.holdReady()方法用法,以实例形式分析了holdReady()方法在暂停或者恢复jQuery.ready()事件的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery.holdReady()方法用法。分享给大家供大家参考。具体分析如下：

此方法可以暂停或者恢复jQuery.ready()事件。
调用此方法可以延迟jQuery的ready事件，也就是说尽管文档已经加载完成，也不会执行ready事件处理方法。
可以多次调用jQuery.holdReady()方法，以延迟jQuery的ready事件，当满足一定条件时，再通过将此方法的参数设置为false，一一解除延迟。方法一般用于动态脚本加载，知道脚本加载完成然后再通过将此方法的参数设置为false，解除对jQuery.ready()事件延迟。

语法结构:

复制代码代码如下:

jQuery.holdReady(hold)

参数列表:

参数	描述
hold	如果值为true，则会延迟jQuery.ready()事件。如果值为false，则会解除对jQuery.ready()事件延迟。

如果值为false，则会解除对jQuery.ready()事件延迟。

实例代码:

实例一:

复制代码代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://www.jb51.net/" /> 

<title>脚本之家</title> 

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 

<script type="text/javascript"> 

jQuery.holdReady(true); 

$(document).ready(function(){ 

  alert("我不会被弹出"); 

}) 

</script> 

</head> 

<body> 

</body> 

</html>

在以上代码中，由于添加了 jQuery.holdReady(true)，所以尽管文档加载完成，也不会执行ready()中的函数。
实例二:

复制代码代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://www.jb51.net/" />

<title>脚本之家</title> 

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 

</head> 

<body> 

<button id="first">点击测试弹出</button>

<button id="second">解除延迟</button> 

<script type="text/javascript"> 

jQuery.holdReady(true)  

$(document).ready(function(){ 

  $("#first").click(function(){ 

    alert("我不会被弹出"); 

  }) 

}) 

$("#second").click(function(){ 

  jQuery.holdReady(false); 

}) 

</script>

</body> 

</html>

当点击解除延迟之后，就可以弹出了。

希望本文所述对大家的jQuery程序设计有所帮助。

您可能感兴趣的文章:

jQuery实现简单的按钮颜色变化
这篇文章主要为大家详细介绍了jQuery实现简单的按钮颜色变化，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
jquery事件preventDefault()方法用法实例
这篇文章主要介绍了jquery事件preventDefault()方法用法,实例分析了preventDefault()方法的功能及使用技巧,需要的朋友可以参考下
2015-01-01
jquery 上下滚动广告
jquery 上下滚动广告实现代码，大家可以自行测试，需要加载jquery类库
2009-06-06
详解Bootstrap的iCheck插件checkbox和radio
这篇文章主要详细介绍了Bootstrap的iCheck插件checkbox和radio的知识及bootstrap icheck获取radio的value值的方法，非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧
2016-08-08
深入理解jQuery中的事件冒泡
下面小编就为大家带来一篇深入理解jQuery中的事件冒泡。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
最常用的jQuery表单验证(简单)
本文给大家分享最常用的jquery表单验证实例代码，非常不错，具有参考借鉴价值，需要的的朋友参考下吧
2017-05-05
如何使用HTML5地理位置定位功能
用相对简单的JavaScript代码，可以创建出能确定用户地理位置详细信息的Web应用，包括经纬度以及海拔等。一些Web应用甚至能通过监控用户位置随时间的移动来提供导航功能，其中还综合了GoogleMaps API这样的地图系统。
2015-04-04
jQuery插件之validation插件
最常使用javascript的场合就是表单的验证，而jQuery作为一个优秀的javascript库，也提供了一个优秀的表单验证插件——Validation。本文将详细介绍validation插件。下面跟着小编一起来看下吧
2017-03-03
jQuery的几种选择器及实例详解
这篇文章主要介绍了jQuery的几种选择器详解,Query 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素, 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器,需要的朋友可以参考下
2023-05-05
简单实用jquery版三级联动select示例
本文主要为大家介绍下通过jquery实现三级联动select这里用到的json文件，只是事例，根据情况添加或编写，感兴趣的朋友可以参考下哈，希望对大家有所帮助
2013-07-07