jQuery Mobile의 미친 대화 팝업

미친 소리를내는 데 도움이되는 몇 가지 도움이 필요합니다 ... 대화 팝업을 사용하려고합니다. 내 페이지는 모두 단일 HTML 파일 안에 있습니다.jQuery Mobile의 미친 대화 팝업

<a href = "# page1" id = "lnk" data-inline = "true" style = "position: absolute; left: 5%; bottom: 5%" data-rel = "dialog" data-transition = "pop "> Click here </ a> </ td>

그리고 나는 모든 HTML 페이지에 대한 단일 소스를 사용할 때, 나는 사건 등을 처리 할은 .js를 사용하고 있습니다 :

//Load all events 
document.addEventListener ("deviceready" onDeviceReady, false); 

function onDeviceReady() { 

// Index events is 


// Events for page1 
    $ (document). delegate ('# page1', 'pageInit', function() { 
    // ... 
    } 

// events pages is outher 
    $(document).delegate('#page...', 'pageInit', function() { 
    // ... 
    } 
}

을 나는 팝업 대화 상자를 호출하려면 다음 코드를 사용하는 경우

대화 상자에 머리글과 페이지 본문 사이에 방대한 공백이 있습니다. 이 링크는 동일한 HTML에 있습니다. 내가 본

document.addEventListener ("deviceready" onDeviceReady, false);

하나의 솔루션은, 단지 대화 팝에 대한 외부 HTML 파일을 사용하는 것이었다 그러나 화면 사이의 정보가 포함 된 페이지를 탐색 할 때하면이 대화 상자 팝업 제시되고 : 나는 문제가 다음 줄에 발생하는 것을 볼 수 있었다 및 잠금 애플 리케이션. 인덱스 스크립트에 대한

데이터 :

<!--- STYLE ---> 
<link rel="stylesheet" 
    href="style/jquery.mobile-1.2.0.min.css" /> 
<link rel="stylesheet" href="style/jquery.mobile.iscrollview.css" /> 
<link rel="stylesheet" href="style/jquery.mobile.iscrollview-pull.css" /> 
<link rel="stylesheet" href="style/smart_mobile_theme.css" /> 

<!--- JS ---> 
<script src="js/cordova-2.2.0.js" type="text/javascript"></script> 
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script> 
<script src="js/jquery.mobile-1.2.0.min.js" type="text/javascript"></script> 
<script src="js/index.js" type="text/javascript"></script> 
<script src="js/iscroll.js" type="text/javascript"></script> 
<script src="js/jquery.mobile.iscrollview.js" type="text/javascript"></script>

페이지 1

<div data-role="page" id="page1" data-theme="a" data-overlay-theme="g"> 
     <div data-role="header"> 
      <h4>Title</h4> 
     </div> 

     <div data-role="content"> 
      <div > 
       <input id="mail" type="email" data-inline="true" placeholder="Mail" /> 
       <button id="btnMail" >Send</button> 
      </div> 
     </div> 
</div>

출처

2012-11-28 Victor

당신은 당신의 또는 addEventListener 호출에 쉼표가 누락되었습니다.

출처

2012-11-28 21:05:44

... JS 콘솔에 오류가 표시됩니다. – Jasper

죄송합니다. 원래 코드에 쉼표가 있습니다 ... 'code'document.addEventListener ("deviceready", onDeviceReady, false); 이 문제는 안드로이드 브라우저에서만 정상적으로 발생합니다. 콘솔에 오류가 표시되지 않습니다. 장치 준비에 필요한 스크립트를 제거하면이 빈 공간이 사라집니다. – Victor

이것은 당신이 포함하지 않은 pageinit 처리기에서 잘못되어 가고 있음을 시사합니다. 너무 광범위하게 적용되는 CSS 또는 일부 CSS. android webview는 어떤 브라우저와도 정확히 일치하지 않으며, 같은 장치의 브라우저와도 똑같이 작동하지 않는 작은 세부 사항이 많이 있습니다. –

jQuery Mobile의 미친 대화 팝업

답변

관련 문제