仅在页面刷新时使用的脚本

Question

我正在使用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 event是最合适的触发器。

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

不像ready，load将等待所有相关的文件 - 图片，样式表，JavaScript文件等