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

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

这可能是一个计时问题:ready当DOM准备就绪时会触发事件 - 这可能是在加载图像之前.因为您没有给图像固定width属性,所以需要先加载它们才能分辨出它们的宽度.

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

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

不像ready,load会等待所有相关的文件 - 图像,样式表,JavaScript文件等.