jquery - 在页面加载和调整大小时添加填充

Question

我计算元素的填充并将其添加到调整大小。现在，我想在页面加载时也添加它。我怎样才能做到这一点？

$(window).resize(function () {
    var widthWindow = $(window).width();
    var widthContainer = $("#container").width();
    var calculatePadding = (widthWindow - widthContainer) / 2;
    $("#container").css({
        "padding-top":calculatePadding,
        "padding-bottom":calculatePadding
    });
}).resize();

score 0 · Accepted Answer

你可以这样做：

<body onload="resize()">

在 Javascript 中：

function resize(){
    //write your stuff here
}

（或）jQuery 方式

$(document).ready(function(){
    resize();
});

score 0 · Accepted Answer

只需将您的处理程序绑定到加载事件：

var handler = function () {
    var widthWindow = $(window).width();
    var widthContainer = $("#container").width();
    var calculatePadding = (widthWindow - widthContainer) / 2;
    $("#container").css({
        "padding-top":calculatePadding,
        "padding-bottom":calculatePadding
    });
};

$(window).resize(handler)
$(window).load(handler)

或者在我看来更优雅一点：

$(window).on('load, resize', handler)

jquery - 在页面加载和调整大小时添加填充

2 回答 2

Related

Reference