javascript - jquery在$(document).ready()之前动态加载外部脚本文件

Question

目前，我有一个通过 <script> 引用的 jqueryUI.js 文件。标签。
我有几个 $(document).ready() 函数，它们使用 jquery ui 函数。

我正在尝试使用 $.getScript 动态加载 jqueryUI.js 文件

我尝试了以下代码...

var scriptCntr = 0;
$(document.ready(function(){
    scriptCntr ++;
    $.getScript(path, function (data, textStatus) {
        scriptCntr --;
    });
    while(scriptCntr!=0){
    } 
});

在页面顶部。 这个想法是让 $(document).ready() 等待文件下载完毕，但逻辑会转到 WaitLoop 并无限期地停留在那里。除非执行所有 $(document).ready() ，否则文件不会下载。

有没有办法在第一个 $(document).ready() 执行之前下载 jqueryUI.js 文件？

提前致谢。

Answer 1

您可以使用jQuery.holdReady() 。这允许您将 jQuery 的就绪事件延迟到脚本加载之后。

$.holdReady(true);
$.getScript("myplugin.js", function() {
     $.holdReady(false);
});