jquery - jquery $(document).ready() 队列顺序

Question

我有一个扩展 base.html (django) 的页面 index.html，每个页面都有一个 $(document).ready 定义。现在，我希望 base.html 中的那个首先出现，但我错了，index 中的那个是第一个，base.html 中的那个在后面开始。我猜这是因为索引在基础之前完成加载，而不是 jquery 的一些默认行为，让子代在父代之前执行。我可以做些什么来改变这个订单吗？因为父级决定（取决于窗口大小）菜单应该是垂直的还是水平的，而子级会缩放一个 div 以占据窗口的其余部分。现在我希望在菜单到位后进行缩放。

Answer 1

从理论上讲，您可以通过操纵jQuery.readyList数组和移动东西来改变这一点，但是您会在其中戳得有点盲目。相反，我建议将需要在其他脚本之后运行的脚本从document.ready切换到window.onload，如下所示：

$(window).load(function() {
  //code to run after the others
});

无论如何，您似乎都想要这个，因为您正在处理窗口大小和缩放，并且这发生在加载图像之后，因此您的缩放将是正确的，而不是仍然在变化。