页面加载图像的大小/位置脚本随机不运行

Question

我有一个jQuery脚本，我的标志居中在屏幕中间。它设置为在页面加载和窗口大小调整时运行。它每次都在窗口大小调整上工作，并且在装载时10次中有9次。但有一段时间它完全无法运行。

网站在http://vividconference.tv/beta/，和有问题的脚本：

$(function(){ 
    $(window).resize(function(){ 
     var height = $('#logo').height(); 
     $('#logo').css('margin-top', + height/-2 + 'px'); 
    }).resize(); 
}); 

Answer 1

不要忘记，如果图像尚未加载，高度将是0。

让我们尝试一下本作更全面的覆盖：

function redraw() { 
    var height = $('#logo').height(); 
    $('#logo').css('margin-top', (height/-2) + 'px'); 
} 

$(document).ready(function(){ 
    $(window).load(redraw).resize(redraw); 
    $('#logo, #logo img').ready(redraw); 
    redraw(); 
});