jQuery Mobile无法正常工作

我想创建我的第一个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>


我没有在您的文件中看到包含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)如果你使用JQuery的老版本(1.1.0),那么你应该使用更新的版本(至少1.9.1)。


平台jQuery,jQuery Mobile和PhoneGap需要加载到标题中。 头文件保留在DOM中,jQuery通过Ajax从页面中提取内容。 你已经将它们添加到你的身体,我猜这是行不通的,因为他认为它是内容的一部分(在身体标签之间)。

链接地址: http://www.djcxy.com/p/61935.html

上一篇: jQuery Mobile not working

下一篇: masonry with ember.js?