jQuery.holdReady()方法用法实例

用此方法可以延迟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">
        <title>dom加载的延迟操作</title>
        <script src="jquery-2.0.3.js"></script>
    </head>
    <body>
        <script>
            jQuery.holdReady(true);
            $(document).ready(function(){
                alert('我不会弹出');
            });
        </script>
    </body>
</html>

实例二:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>dom加载的延迟操作</title>
        <script src="jquery-2.0.3.js"></script>
    </head>
    <body>
        <button id="first">点击测试弹出</button>
        <button id="second">解除延迟</button>
        <script>
            jQuery.holdReady(true);
            $(document).ready(function(){
                $("#first").click(function(){
                    alert('我不会弹出');
                });
            });
            $("#second").click(function(){
                jQuery.holdReady(false);
            });
        </script>
    </body>
</html>

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

来源：CSDN

作者：chunchun1230

链接：https://blog.csdn.net/chunchun1230/article/details/104157076

标签

延迟加载

延迟满足