jQueryMobile 1.4 - Multipages不工作

时间：2014-02-13 14:33:22

标签： jquery-mobile

我来自jQM 1.3，并且正在尝试复制在单个html文档中包含多个页面的功能。

我从demo复制粘贴的代码不起作用，它只是将其显示为普通的html文件（即只要我加载文档就可以看到第1页和第2页）。

所以我再次检查了演示网站并意识到使用Chrome在我的笔记本电脑上使用演示网站发生了同样的事情。这就是我所看到的。

demoScreenshot

这是我的代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi" />

    <script src="http://192.168.2.101:8080/target/target-script-min.js#anonymous"></script>

    <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
    <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="//code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>

    <!--<link rel="stylesheet" type="text/css" href="lib/jquery.mobile-1.4.0/jquery.mobile-1.4.0.min.css" />-->
    <title>Equipment Appraiser</title>
</head>
<body>
    <div data-role="page" id="page1">
<div data-role="header">
  <h1>Page 1</h1>
</div>
<div role="main" class="ui-content">
  <a href="#page2" data-transition="slide" class="ui-btn ui-corner-all ui-btn-inline">Go To Page 2</a>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="header">
  <h1>Page 2</h1>
</div>
<div role="main" class="ui-content">
  <a href="#page1" data-rel="back" data-transition="slide" class="ui-btn ui-corner-all ui-btn-inline">Go Back To Page 1</a>
</div>
</div>
    <script type="text/javascript" src="phonegap.js"></script>
    <!--<script type="text/javascript" src="lib/jquery.mobile-1.4.0/jquery.mobile-1.4.0.min.js"></script>-->
    <script type="text/javascript">
        document.addEventListener("deviceready", onDeviceReady, false);

        function onDeviceReady() {
            init();
        }
    </script>
</body>
</html>

我错过了什么吗？

0 个答案:

没有答案
相关问题
最新问题