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

Question

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

在浏览器尝试从页面上的div加载图像之前，我想先运行脚本。 我将它们放在单独的div以便它对SEO友好，如果关闭JavaScript，它们将一起显示在一页上。

身体是这样的：

<div>
    <img> ...  </img>
</div>
...       
<script type="text/javascript">
    jQuery(window).load(function() {
         ....myCode...
    });
</script>

Answer 1

您真的想从初始默认类开始，以避免出现“未样式化内容的闪烁”（有时称为FOUC）。

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