javascript - 动态加载 javascript 文件时延迟函数调用

Question

我正在使用询问来动态加载javascript文件，但遇到了我只能假设是加载优先级问题的问题，因为它有时会起作用。有没有办法在加载所有文件之前推迟运行函数？

查询的相关位是

enquire.register("screen and (min-width: 564px)", {
    match : function() {
    loadJS('script/jquery.js');
    loadJS('script/jquery.slides.min.js');
    loadJS('script/TMSScript.js');
    }

加载函数为

function loadJS(url)
{
    var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.head.appendChild(script);
}

我需要运行的函数位于 TMSScript.js 的末尾，它调用 jquery 插件，因此需要加载所有 3 个文件才能使其工作。如果我加载 header 中的所有文件，那么该函数将通过主体中的简单 onload 调用正常执行。

这个想法是，我的画廊将在移动设备上使用不同的方法(可能是 jquery mobile)，并且我不想加载任何不必要的文件。

Answer 1

有人可能会纠正我，但我相信除了以正确的顺序加载这三个单独的脚本标签，或者加载这些插件以正确的顺序连接的单个 js 文件之外，你不能。在以编程方式创建的元素上加载 src 现在以异步方式运行(无论如何，我相信在当前的浏览器中)，这意味着您无法确定它何时返回以及以什么顺序返回。

听起来您想使用 browserify 或 require.js 之类的东西来帮助处理您想要完成的任务。我建议查看这些项目。