应用所有 CSS 规则后执行 jQuery 代码答案

【问题标题】：Execute jQuery code after all CSS rules have been applied应用所有 CSS 规则后执行 jQuery 代码
【发布时间】：2011-05-25 09:24:26
【问题描述】：

$(document).ready() 在所有 HTML 元素都已加载后执行代码。

在所有 CSS 规则都应用后如何执行 jQuery 代码？

我有几个样式表链接到页面，加载页面需要一些时间。元素布局在加载期间发生变化。

出于可用性目的，我需要在所有元素都具有目标尺寸后更正元素布局。否则我会得到这些元素的错误大小。

现在我在焦点或超时后执行此操作，但在页面加载后需要此操作。

【问题讨论】：

$(document).ready() 这行意味着 jQuery 应该只在整个页面加载后才开始执行。 CSS 可能存在问题。
window.load 应该可以，直到所有图片都加载完毕

标签： jquery layout usability

【解决方案1】：

$(window).load() 在整个页面（图像、CSS 等）加载后触发。

【讨论】：

谢谢，我在玩$(document).load()，但我只需要$(window).load()
@Emmett 如果我动态注入 CSS，我该如何让它工作？谢谢

【解决方案2】：

$(window).load(function() {

 // executes when complete page is fully loaded, including all frames, objects and images

 alert("window is loaded");

});

【讨论】：