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

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){
    } 
});

在页面顶部.这样做是为了使$(文件).就绪()等到文件下载,但逻辑转到WaitLoop并无限期地停留在那里.除非执行所有$(document).ready(),否则不会下载该文件.

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

提前致谢.

Answer 1

您可以使用jQuery.holdReady().这允许您延迟jQuery的ready事件,直到脚本加载完毕.

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