jQuery load（）：如何防止页面下方的图片首先出现？

Question

单击一个链接加载（使用jQuery加载功能）图片中的一些，但我看到最后一张图片的第一个片段，好像是先加载，然后第一张图片出现并停留。

如何防止加载页面的最后图片首先短暂出现？

Answer 1

您可以使用css display:none;作为图片的默认开头。文档就绪后，使用jquery使它们可见。

Answer 2

对于您不想先出现的图片，请添加“noshow”类：

<img src="..." class="noshow" />

这种风格：

.noshow{ display: none; }

然后使用加载函数的回调：

$('#result').load('ajax/test.html', function() {
  $(".noshow").removeClass("noshow");
});

您还可以使用“.show（）”方法，将样式直接放在img标签中，等等。如果您希望它更加精简。