$(document).ready(function(){});和 $(window).load(function() {});困惑答案

【问题标题】：$(doucment).ready(function(){}); and $(window).load(function() {}); confusion$(document).ready(function(){});和 $(window).load(function() {});困惑
【发布时间】：2010-08-14 01:46:27
【问题描述】：

我在http://www.marioplanet.com/product.htm 上的测试产品页面有一些奇怪的行为，我真的需要一些帮助来解决。

现在，我之前在调整图像大小时遇到了问题，这里有人帮我说我应该将图像调整大小嵌套在一个

$(window).load(function(){});

为了在调整大小发生之前加载图像，以便调整大小不会发现不正确的宽度和高度，因为它还没有加载，而不是将其嵌套在文档就绪函数中。

既然我已经这样做了，我想知道我应该如何处理嵌套在我的文档就绪函数中的 jQuery，因为它是 fancybox jQuery 插件，但它似乎无法正常运行。

如果我将fancybox jQuery从准备好的文档移到窗口加载功能，由于某种原因，它都不起作用！

我真的可以在这里得到一些帮助，因此非常感谢任何信息或建议！

谢谢！

更新：

顺便说一句，最好弄清楚如何使图像根本不加载，并且在对图像应用缩小效果后才加载，这样图像就不会显得太大了然后不知从何而来，缩小。

【问题讨论】：

set 这个词在您的代码中的第 25 行：'transitionIn' : 'elastic', set。这会导致您的代码出现语法错误。
非常感谢。啊，这么多小错误！ :)
不用担心。要加载“缩小”的图像，您可以在 css 类中指定宽度，而不是在文档加载时设置宽度。
你的意思是，一起绕过jQuery？反正这样会更好。因此，可以定义百分比，将图像缩小到其原始大小的 25%，完全复制我的 jQuery sn-p？
是的。这就像你想象的那样简单。例如，在您的 css 文件中，您可以执行 img.FancyBox { width: 25%; } :)

标签： jquery function image-resizing document-ready

【解决方案1】：

$(document).ready(...); 用于调用 DOMContentLoaded 时。这发生在 DOM 完全创建之后，但在图像和其他外部文件完成下载之前。之后触发load，可以通过$(window).load(...);监听。像这样简单的事情请don't use jQuery！

【讨论】：

我意识到这一点，正如 Nate 帮助我指出的那样，在这种情况下使用 CSS 会更好，但由于某种原因，它不起作用。我目前已将其指定为宽度和高度为 25%，但这不起作用，并且仅将宽度设置为 25% 也不起作用。