jquery - 页面加载图像大小/位置脚本随机未运行

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();
});