脚本只在页面重新加载时工作

我正在使用jQuery在水平视图网站上对齐图像，但该脚本仅在我重新加载页面时才有效。

http://joliannelm.steveforest.com/edition/roux-de-service.html

该脚本就在之前调用

这是脚本：

$(document).ready(function() { var width = 0; $('#page img').each(function() { width += $(this).outerWidth(true); }); $('#page').css('width', width + 50); }); 

一旦重新加载页面就可以了，但是如果你清除了缓存，它又回来了……

有人知道为什么?? 谢谢。

Answer 1

这可能是一个计时问题：当DOM准备就绪时会触发ready事件 – 这可能是在加载图像之前。 因为您没有给图像固定width属性，所以需要先加载它们才能告诉它们的宽度。

这是load事件是最合适的触发器。

 $(window).load(function() { ... your code here 

与ready不同， load将等待所有相关文件 – 图像，样式表，JavaScript文件等。