Question

我需要帮助解决让我发疯的问题...... 我正在尝试使用对话框弹出窗口，我的所有页面都在一个单独的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>

Answer 1

您在addEventListener调用中缺少逗号。

在jQuery Mobile中弹出疯狂的对话框

1 个答案: