jQuery.holdReady()方法用法实例
2016-07-16 15:08
531 查看
调用此方法可以延迟jQuery的ready事件,也就是说尽管文档已经加载完成,也不会执行ready事件处理方法。
可以多次调用jQuery.holdReady()方法,以延迟jQuery的ready事件,当满足一定条件时,再通过将此方法的参数设置为false,一一解除延迟。方法一般用于动态脚本加载,知道脚本加载完成然后再通过将此方法的参数设置为false,解除对jQuery.ready()事件延迟。
语法结构:
jQuery.holdReady(hold)
参数列表:
如果值为false,则会解除对jQuery.ready()事件延迟。
实例代码:
实例一:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://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="http://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.holdReady()方法,以延迟jQuery的ready事件,当满足一定条件时,再通过将此方法的参数设置为false,一一解除延迟。方法一般用于动态脚本加载,知道脚本加载完成然后再通过将此方法的参数设置为false,解除对jQuery.ready()事件延迟。
语法结构:
jQuery.holdReady(hold)
参数列表:
参数 | 描述 |
hold | 如果值为true,则会延迟jQuery.ready()事件。 如果值为false,则会解除对jQuery.ready()事件延迟。 |
实例代码:
实例一:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://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="http://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>
当点击解除延迟之后,就可以弹出了。
相关文章推荐
- 2016/07/16 《jquery仿新浪微博新版搜索下拉特效》学习笔记一
- jquery弹出可关闭遮罩提示框
- jQuery获取URL请求参数的方法
- 修改jquery.validate.js计算中文字符长度的规则。
- jQuery 即点即改
- jquary学习之路--1
- jQuery笔记
- jquery时间转换 时间戳转换 ,jquery 开始时间必须小于结束时间判断,jquery时间判断 。
- Jquery弹出层效果
- Jquery DataTables 获取表格数据及选中行数据
- jquery 选择器大全
- jQuery跨域访问
- javascript和jquery比较中学习
- jQuery 增加 删除 修改select option
- jquery判断input内的值变化时触发动作?
- jquery如何判断checkbox(复选框)是否被选中
- jquery操作复选框(checkbox)的12个小技巧总结
- jquery - div显示隐藏
- jquery如何在页面加载完成后模拟出一个鼠标点击事件?
- jquery实现简单的分页功能