5

ページの読み込み時に $(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 を使用しています

4

1 に答える 1