jquery - 页面完全渲染后加载 JavaScript

Question

我已将 JavaScript 代码添加到我的 Drupal 7 主题中，但它无法按预期运行，因为当我的函数被触发时，CSS 未正确应用。
因此，我尝试了一个最小的实现来检查发生了什么。

    jQuery(document).ready(function($) {

         alert("Start");  

    }

alert() 在页面完全加载之前触发(即所有标题都丢失)。 我怎样才能防止这种情况发生？

Answer 1

为了在所有内容完全加载后执行脚本，您需要:

$(window).load(function(){
  alert('hello');
});

jQuery.ready() 在 DOM 准备好后立即执行，这通常是在外部资源加载之前。