jQuery静态函数-下
$.holdReady()
- 作用:用于暂停或恢复.ready() 事件的执行。
- 参数:true/false
- 方法:首先调用$.holdReady(true)(调用后 ready 事件将被锁定)。当准备好执行 ready 事件时,调用$.holdReady(false)
注意:1. 该方法必须在文档靠前部分被调用,例如,在头部加载完 jQuery 脚本之后,立刻调用该方法。如果在 ready 事件已经被调用后再调用该方法,将不会起作用。
2. 可以对 ready 事件添加多个锁定,每个锁定对应一次$.holdReady(false)[解锁]调用。ready 事件将在所有的锁定都被解除,并且页面也已经准备好的情况下被触发。
代码示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery静态方法holdReady方法</title>
<script src="./js/jquery-1.12.4.js"></script>
<script>
//作用暂停ready执行
$.holdReady(true);
$(document).ready(function() {
alert("ready");
});
</script>
</head>
<body>
<button>恢复ready事件</button>
<script>
var btn = document.getElementsByTagName("button")[0];
btn.onclick = function() {
$.holdReady(false);
}
</script>
</body>
</html>