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

它不起作用，因为仅加载了第二页的正文部分。

把这部分：

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

进入 index.html。

可以从 demo.html 执行此代码的唯一方法是将其作为外部链接加载。

于 2013-02-02T22:58:48.660 回答