加载图像后执行的jQuery（window）.load（function（）{}）？

Question

我有问题。在由PHP文件生成的内部，我有一个jQuery图库插件，它应该display:none对div中由PHP按正确顺序放置的所有图像进行div。但显然，当我跑步时，我首先看到从页面加载的图像，然后JavaScript库运行并隐藏图像并以正确的方式显示它们。

我想在浏览器尝试从页面上的div加载图像之前运行我的脚本。我将它们保存在单独的<div> <img> ... </img> </div> ... <script type="text/javascript"> jQuery(window).load(function() { ....myCode... }); </script> 中，以便它是SEO友好的，如果关闭JavaScript，它们将在一个页面上一起显示。

身体是这样的：

{{1}}

Answer 1

你真的想从初始默认类开始，以避免'Flash Of Unstyled Content'（有时称为FOUC）。

但是，如果您使用jQuery(document).ready(function(){})来代替$(window).load(fn)，那么您的状态会更好。 Document.ready在图像加载之前被触发，而window.load在这些图像加载之前不会发生。