jquery - 在 DOM 之后加载 jQuery，如何在加载 jQuery 之前使 $.ready() 可用于我的页面？

Question

我想延迟加载 jQuery，但我有少量内联 javascript 在 $.ready() 上运行。由于 jQuery 未加载，这些行会抛出错误并且永远不会运行。有没有办法让 $.ready() 成为可用函数，但等待 jQuery 加载后再执行？

谢谢!

Answer 1

解决此问题的通用方法的一个选择是将内联 JavaScript 放入函数中，并将该函数添加到全局可访问的数组中 - 暂时不要调用它。这些本质上是您希望在 document.ready() 可用时为 document.ready() 安排的函数。

然后，当您加载 jQuery 时，您将设置一个 document.ready() 处理程序，循环遍历该数组中的所有函数并调用它们。

// declare global at the top of your web page
var readyFns = [];

// in your inline code, add a function to the readyFns array
readyFns.push(myInlineFn);

// when your jQuery code loads, do this:
$(document).ready(function() {
    for (var i = 0; i < readyFns.length; i++) {
        readyFns[i]();
    }
});

如果你想使用匿名函数，你可以像这样执行中间步骤:

// in your inline code, add a function to the readyFns array
readyFns.push(function() {
   // put your code here
});