0

페이지로드 후 대화 상자를 표시하고 싶습니다. 로 포함pageload에서 jquery 대화 상자가 나타나지 않습니다.

<div id="mobile-Page" data-url="/en/" data-role="page"> 
<input id="address" type="text" value="ad" name="firstName"> 
</div> 
<div id="mobile-dialog" data-url="/en/" data-role="dialog"> 
<label>text to be added </label> 
</div> 

자바 스크립트는 내가 다음과 같이 준비 문서에 대화 상자를 엽니 다하려고

<script type="text/javascript"> 
<script src="/_ui/mobile/common/js/jquery-1.10.2.min.js" type="text/javascript"> 
<script src="/_ui/mobile/common/js/jquery.mobile-1.3.2.min.js" type="text/javascript"> 
</script> 

다음과 같습니다.

$(document).ready(function() 
{ 
$.mobile.changePage('#mobile-dialog', { 
      transition: 'pop', 
      changeHash: true, 
      //dialogForce: true, 
      //role: 'dialog' 
      reverse:false 
     }); 
} 

페이지로드 후 대화 상자를 볼 수없고 콘솔에서도 오류가 표시되지 않습니다.

+0

대화 상자를 정확히 호출 하시겠습니까? – Omar

답변

1

당신은 https://stackoverflow.com/a/15929161/1178968

체크 아웃 할 수 있습니다 "대화 상자를 표시보다는 페이지가 표시되면 그것을 호출하는 시간 간격을 설정합니다." - Omar

$(document).on('pageshow', '#myPage' ,function() { 
if (getValue() == null) { 
    setTimeout(function() { 
    $.mobile.changePage('#dialog'); 
    }, 100); // delay above zero 
} 
}); 
+0

은 대화 상자를 표시하는 데 문제가있는 것처럼 보입니다. 외부에서 dialog.show()를 호출해야합니까? – sree