0

我需要一些帮助来解决让我发疯的问题......我正在尝试使用对话框弹出，我的所有页面都在一个 html 文件中。如果我使用以下代码调用弹出对话框：

<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>
4

1 回答 1

1

您在 addEventListener 调用中缺少逗号。

于 2012-11-28T21:05:44.090 回答