06-jQuery静态函数（下）:暂停或恢复.ready() 事件的执行——$.holdReady()

最新推荐文章于 2024-08-18 23:01:41 发布

不及你笑靥如花

最新推荐文章于 2024-08-18 23:01:41 发布

阅读量188

点赞数

分类专栏： jquery 文章标签： html jquery js

本文链接：https://blog.csdn.net/qq_43775721/article/details/112862390

版权

jquery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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>

在这里插入图片描述

不及你笑靥如花

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
06-jQuery静态函数（下）:暂停或恢复.ready() 事件的执行——$.holdReady()

jQuery静态函数-下$.holdReady()作用：用于暂停或恢复.ready() 事件的执行。参数：true/false方法：首先调用$.holdReady(true)（调用后 ready 事件将被锁定）。当准备好执行 ready 事件时，调用$.holdReady(false)注意：1. 该方法必须在文档靠前部分被调用，例如，在头部加载完 jQuery 脚本之后，立刻调用该方法。如果在 ready 事件已经被调用后再调用该方法，将不会起作用。2. 可以对 ready 事件添加多个锁定
复制链接

扫一扫

专栏目录