在頁面加載時添加填充並調整大小

-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

在頁面加載時添加填充並調整大小

回答

相關問題