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）; 這個問題只發生在Android瀏覽器正常工作。在控制檯中不顯示錯誤。通過刪除準備好的設備所需的腳本，該空白空白消失。 – Victor

這表明你的pageinit處理程序出了問題，你沒有包括在內。無論是那個或一些CSS應用得太廣泛。 android webview與任何瀏覽器都不完全匹配，並且有很多小的細節與同一設備上的瀏覽器不起作用。 –

jQuery Mobile中的瘋狂對話框彈出

回答

相關問題