在页面加载时添加填充并调整大小

-1

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

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

来源

2017-04-11 didi

你们是不是要居中的元素？ – Neil

把函数放在'$（function（）{/*here...*/}）中;' –

不，我不想将元素居中。代码工作正常，我只是想在页面加载时运行它（除了调整大小）。 – didi

你可以这样来做：

<body onload="resize()">

在Javascript中：

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

（OR）jQuery的方式

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

来源

2017-04-11 09:11:53 Nagaraju

处理程序只需绑定到Load事件：

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)

来源

2017-04-11 09:12:07

谢谢，但它不起作用，请检查我更新的现场演示。 – didi

我的解决方案工作正常。 https://jsfiddle.net/4xjdopc9/1/ –

这根本不起作用......很奇怪。你在哪个浏览器上？我在Chrome浏览器版本57.0.2987.133 – didi

在页面加载时添加填充并调整大小

回答

相关问题