2013-07-04 17 views
5

私は手動でページロード時に$(window).resize()メソッドを起動しようとしています。 私は手動でサイズ変更()イベントを発射する

$(window).resize(); 

を呼び出し、この関数の後のページに垂直方向と水平方向

$(window).resize(function(){ 
    $('.pagecentered').css({ 
     position: 'absolute', 
     left: ($(window).width() - $('.pagecentered').outerWidth())/2, 
     top: ($(window).height() - $('.pagecentered').outerHeight())/2 
    }); 
}); 

をdiv要素を中心に機能を作成しました。

残念ながら、動作しません。リロード時、divは期待どおりに中央揃えされません。 ブラウザウィンドウのサイズを変更した場合、div要素は中央に配置され、ページロード時にのみ起動されません。

これを解決する方法はありますか? は、私はあなたが使用する必要がクローム27.0.1453.116メートル(最新版の気圧)とjQuery 1.10.2

+4

は、コードがドキュメント準備に包まれていますか? – r043v

+1

ああ問題がありました。かなり新しいjavascript ^^ありがとうr043v – TorbenJ

答えて

2

を使用していtrigger$(window).trigger('resize');

+7

これは必須ではなく、スタイルの問題です。ドキュメントはかなり明示的です。パラメータなしで使用すると 'resize()'は '.trigger( 'resize')'のショートカットです。 – nrodic

+1

なぜこのベスト・アンサーですか? – Kad

+0

@Kad、それは唯一のものなので....冗談... –

関連する問題