ページの読み込み時に $(window).resize() メソッドを手動で起動しようとしています。ページの上下左右にdiv要素を中央寄せする関数を作成しました
$(window).resize(function(){
$('.pagecentered').css({
position: 'absolute',
left: ($(window).width() - $('.pagecentered').outerWidth())/2,
top: ($(window).height() - $('.pagecentered').outerHeight())/2
});
});
この関数の後、私は呼び出します
$(window).resize();
resize() イベントを手動で発生させます。
残念ながら、うまくいきません。リロード時に、div が期待どおりに中央に配置されません。ブラウザ ウィンドウのサイズを変更すると、div 要素が中央に配置され、ページの読み込み時にのみ起動されません。
これを解決する方法はありますか?Chrome 27.0.1453.116 m (最新バージョンの atm) と JQuery 1.10.2 を使用しています