完全呈现页面后加载JavaScript

Question

我已经在我的Drupal 7主题中添加了JavaScript代码,但它无法按预期运行,因为当我的函数被触发时css没有正确应用.
所以我尝试了一个最小的实现来检查发生了什么.

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

         alert("Start");  

    }

alert()在页面完全加载之前触发(即缺少所有标题).我怎么能阻止这个？

Answer 1

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

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

一旦DOM准备就绪,jQuery.ready()就会执行,这通常是在外部资源加载之前.