2013-07-04 2 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 m (최신 버전의 기압)와 JQuery와 1.10.2

+4

이 코드는 문서 준비에 싸여? – r043v

+1

아, 그게 문제였습니다. 자바 스크립트에 꽤 새것 ^^ 감사합니다 r043v – TorbenJ

답변

2

을 사용하고 trigger : $(window).trigger('resize');

+7

이것은 필수는 아니지만 스타일의 문제입니다. 문서는 매우 명시 적입니다 - 매개 변수없이 사용하면'resize()'는'.trigger ('resize')'의 바로 가기입니다. – nrodic

+1

왜이 답변입니까? – Kad

+0

@Kad, 그 유일한 이유는 .... 농담 ... –

관련 문제