javascript - 使用 jquery 的 javascript 模块在 jquery 之前加载

Question

我有 javascript 模块，只有在加载 jquery 后才能解释

例子

<script src=myApp.js></script>
<script src=jQuery.js></script>

• myApp.js 正在使用 jQuery。
• 脚本包含序列必须与之前提供的一样

这该怎么做？因为我不能翻转它们并做

<script src=jQuery.js></script>
<script src=myApp.js></script>

这样做的原因是我有一个 layout.html 有一些使用 jquery 的脚本，但是继承 layout.html （等 index.html）的每个其他视图都使用不同版本的 jquery，所以我希望 jquery 是唯一的每页。

Answer 1

翻转它们：

<script src=jQuery.js></script>
<script src=myApp.js></script>

javascript 是按顺序加载的，记住 jquery 是一个 javascript 库，所以你需要在使用它之前加载它。

Answer 2

在您的应用程序中，您可以在计时器上检查 jQuery 的存在，然后执行主循环...

var sanity = 1000 // will only run 1000 times
function checkJquery(){
    if(typeof jQuery == 'undefined' && sanity--){
        setTimeout(checkJquery,100) // check again after 1/10th of a second
    } else { // jQuery has loaded!
        main() // run the main script
    }
}
setTimeout(checkJquery,100)

function main(){
    // your module code
}

Answer 3

你为什么不把 jQuery 作为第一个包含？因为它不依赖于其他东西？

尝试做

<script src=jQuery.js></script>
<script src=myApp.js></script>