jQuery 모바일을 사용 중이며 페이지로드시 jQuery 팝업을 표시하려고합니다. 그러나 페이지가로드되면 팝업이 중앙에 나타나지 않고 대신 팝업의 TOP LEFT 모서리가 가운데에 나타납니다.jQuery 모바일 팝업이 센터에 나타나지 않습니다.
하지만 브라우저 창 크기가 변경되면 팝업이 자동으로 가운데로 이동합니다 (개발자 도구의 경우 F12 키를 눌러도). 그리고 $ ('popupBasic')에 대한 모든 빈번한 호출. popup ("open"); 화면 중앙에 나타나게하십시오.
처음에는 팝업 상자의 왼쪽 상단이 가운데에 나타납니다.
이것은 매우 모호한 질문입니다. 당신이 제공해야
몇 가지 항목 :
JQM 1.2은 사용 가능한 팝업 옵션 :
기본 : "원산지"
팝업이 중심 될 수있는 요소 상대를 설정합니다.
"origin"팝업이 열리면 open() 호출에 전달 된 좌표를 중심으로 정렬합니다 (방법 페이지 참조).
"window"팝업이 열리면 창을 가운데에 놓습니다.
jQuery 선택기 팝업이 열리면 선택기를 기반으로 jQuery 객체를 만들고 위에 놓습니다. 선택기는 ": visible"로 표시되는 요소에 대해 필터링됩니다. 결과가 비어 있으면 팝업 창이 창 중앙에 배치됩니다.
그것은 거의 모든 나는 시도 곳에서 나타나고있다, 크롬 버전 24.0.1312.32 베타 m 파이어 폭스 16.0.1 HTC 산불 2.2.1 JQM의 jquery.mobile-1.2.0.min.js 없음 정의되지 CSS with JQM 나는 모든 팝업 옵션을 시도했지만 여전히 성공하지 못했습니다. 는이 '
저도 같은 오류가 발생했다. 페이지가 채워진 후에 만 팝업을 표시하려고합니다.
pageinit 이벤트 대신 pageshow 이벤트를 수신하는 코드를 추가하면 문제가 해결 될 수 있습니다. 그것은 나를 위해 그것을 고정.
당신의 pageshow에 팝업 위치를 변경하려고 할 수 있습니다 :
$('#popupLogin').popup('reposition', 'positionTo: window');
나는 당신이 발생하는 것은 아래로 완전히 브라우저에 의해 그려진 이전 페이지 일어나는 위치에있다 생각한다. 다음과 같이 팝업 위치를 변경하면이 문제를 해결할 수 있습니다.
$(document).on('pageshow', '.selector', function(){
$('#popupBasic').popup('reposition', 'positionTo: window');
});
사용자 선택에 따라 다른 이미지를 표시하는 데 사용되는 하나의 팝업 div를 사용합니다.이 이미지는 크기가 다르지만로드 될 때까지 알지 못합니다.'$ ('#popupLogin') .popup ('reposition', 'positionTo : window');'이미지가 팝업에 성공적으로로드 된 후 팝업 센터가 나타납니다 – dsdsdsdsd
$(document).on("popupafteropen", function() {
$('#popup').popup('reposition', 'positionTo: window');
});
당신은 내가이 유사한 문제가 있습니다
을 연 후 위치를 조정하기 위해 이벤트를 팝업 정의를 사용할 수 있습니다.때로는 위의 상태로 표시되지만 대부분의 경우 팝업이 보이지 않는 경우도 있습니다 (DOM을 검사하여 볼 수 있음). 해결책이 무엇인지 잘 모릅니다. –
도 1.3.0과 완전히 똑같은 문제가 있습니다. 최신 버전의 크롬. 수정 사항을 찾았습니까? – Dave