不正确元素定位

Question

我第一次去this page，幻灯片的位置（使用jQuery周期插件开发）是全乱了，就像这样：

如果我再刷新页面，它会显示正确，就像这样：

我怎样才能确保此页面显示正确的第一次观看过？ Chrome浏览器的布局错误似乎比其他浏览器更为常见，不过正如您从上面的截图中看到的那样，它也会在其他浏览器中发生。

谢谢， 唐

Answer 1

添加width和height属性的图像。

我猜测JavaScript在图像加载之前激活，然后执行一些快速计算以获取所需的尺寸，并将它们锁定到位;所有这些都是在图像加载之前发生的，并且由于没有width或height属性，所以尺寸出来了。在重新加载时，图像从浏览器缓存中传出，以便在JavaScript运行时知道维度。

您的JavaScript在DOM准备就绪时运行，而不是在每一件事情都已完全解析和加载时运行。您也可以尝试将您的幻灯片放到load事件中，而不是document.ready。

您在Chrome浏览器中看到的内容比其他浏览器更多，因为Chrome浏览器非常快速，并且放大了时间问题。