Question

我想创建我的第一个phonegap移动应用程序，但已经遇到jQuery Mobile问题。我已经包含了必要的文件，但页面转换不起作用。所有不同的页面都显示在彼此之下。

非常感谢任何帮助。

谢谢，恩内

<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="stylesheet" type="text/css" href="css/custom.css" />
    <title>Blaue Elf Linz</title>
</head>
<body>

    <div data-role="page" id="pageone">
      <div data-role="header">
        <h1>Welcome To My Homepage</h1>
      </div>

      <div data-role="main" class="ui-content">
        <p>Welcome! If you click on the link below, it will take you to Page Two.</p>
        <a href="#pagetwo">Go to Page Two</a>
      </div>

      <div data-role="footer">
        <h1>Footer Text</h1>
      </div>
    </div> 

    <div data-role="page" id="pagetwo">
      <div data-role="header">
        <h1>Welcome To My Homepage</h1>
      </div>

      <div data-role="main" class="ui-content">
        <p>This is Page Two. If you click on the link below, it will take you to Page One.</p>
        <a href="#pageone">Go to Page One</a>
      </div>

      <div data-role="footer">
        <h1>Footer Text</h1>
      </div>
    </div> 

    <script type="text/javascript" src="phonegap.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/jquery-1.1.0.min.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.4.2.min.js"></script>
    <script type="text/javascript">
        app.initialize();
    </script>
</body>

Answer 1

我没有在您的文件中看到包含JQuery Mobile样式表。像

这样的东西

<link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css" />

必须包括

。

还有JQuery文件名

<script type="text/javascript" src="js/jquery-1.1.0.min.js"></script>

看起来很可疑。

1）。如果你在那里打字（在Stackoverflow上）或者由于一些奇怪的原因重命名文件（这是一个更新的版本） - 比它还好。
2）。如果你在你的html代码中拼写错误 - 你应该修复它（1.10.0或其他任何东西） 3）如果你使用非常旧的（1.1.0）版本的JQuery，那么你应该使用更新的版本（至少1.9.1）。

Answer 2

需要在标头中加载jQuery，jQuery Mobile和PhoneGap平台。标头保留在DOM中，jQuery通过Ajax从页面中提取内容。你已将它们添加到你的身体，我想这不起作用，因为他认为它是内容的一部分（身体标签之间）。

Phonegap - jQuery Mobile无法正常工作

2 个答案: