3

私は Phonegap jQuery モバイル Android アプリに取り組んでいます。アプリはデフォルトの index.html ページから始まり、その中で $.mobile.changePage を使用して demo.html ファイルをロードしています。demo.html がロードされ、正しく表示されますが、javascript が動作していません。jQuery Mobile の「pageinit」イベントをいじっているのか、使い方がわかりません。

これが私のコードです:

これは index.html で起こります:

    $.mobile.changePage("demo.html", {
                                transition: "slideup",
                                reverse: false,
                                changeHash: false
                            });

そして demo.html のコード:

<!DOCTYPE HTML>
<html>
  <head>
  <script type="text/javascript">
    $('#demo-page').live('pageinit', function(){
    alert("Welcome");
  });
  </script>
    </head>
    <body>
    <div data-role="page" id="demo-page" >
    <div data-role="header">
    <h1>Take a tour</h1>
    </div>
        <div data-role="content" id="demo-content">
            <h2>This is the demo page.</h2>
        </div>
    </div>
    </body>
</html>

したがって、demo.html が表示されても、「ようこそ」アラートは実行されません。ここで何が起こっているのかわかりません。

4

1 に答える 1

5

2 ページ目の本文部分のみが読み込まれるため、機能していません。

この部分を入れてください：

<script type="text/javascript">
    $('#demo-page').live('pageinit', function(){
        alert("Welcome");
    });
</script>

index.html に。

このコードを demo.html から実行できる唯一の方法は、外部リンクとしてロードされた場合です。

于 2013-02-02T22:58:48.660 に答える