0

頭がおかしくなる問題について助けが必要です... ダイアログ ポップを使用しようとしていますが、すべてのページが 1 つの 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 ページに 1 つのソースのみを使用しているため、.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);

私が見た 1 つの解決策は、ダイアログ ポップにのみ外部 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

You are missing a comma in your addEventListener call.

于 2012-11-28T21:05:44.090 に答える