Question

我有以下jquery代码，除了Opera on window.load之外，它似乎在所有浏览器中都运行正常;但是在window.resize上，它可以正常工作。

function resizeMargin() {

    var h = $(window).height(),
        w = $(window).width(),
        wrapMargin = (h - 655) / 2,
        bgImage = wrapMargin + 105,
        pageWidth = ((w - 690) / 2) + 340;


    $('#navigation').css({'padding-top' : wrapMargin + 'px', 'display' : 'block'});
    $('#logo').css({'top' : bgImage + 'px', 'display' : 'block'});
    $('.page-content').css({'margin-top' : bgImage + 'px'});

    if (h < 670) {
        $('#navigation').css({'padding-top' : 50 + 'px', 'display' : 'block'});
        $('#logo').css({'top' : 120 + 'px',  'display' : 'block'});
        $('.page-content').css({'margin-top' : 130 + 'px'});
    }

    $('#page-right').css({'width' : pageWidth + 'px', 'display' : 'block'});
    $('#page-left').css({'display' : 'block'});

    var shiftWidth = $(window).width();
    $('#content').animate({left : shiftWidth}, 0).delay(800).css({'display' : 'block'});

}

$(window).load(function () {
    resizeMargin(); 
});

$(window).resize(function () {
    resizeMargin();
});

如果有人可以指出我哪里出错了，我真的很感激。我很难过！（而且我在jquery上并不精彩，所以这没有帮助！）

Answer 1

根据jimy的评论，我使用$（document）.ready，而不是$（window）.load，一切正常。

jquery在Opera以外的所有浏览器中工作

1 个答案: