jQuery.holdReady()，直接上代码：

最新推荐文章于 2021-02-24 16:48:40 发布

照物华

最新推荐文章于 2021-02-24 16:48:40 发布

阅读量609

点赞数

分类专栏： WEB前端文章标签： jquery

本文链接：https://blog.csdn.net/daihaoxin/article/details/26255623

版权

WEB前端专栏收录该内容

58 篇文章 1 订阅

订阅专栏

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树构建成功后执行。