dco*_*bus 5 jquery jquery-mobile cordova
我开始深入研究jQuery Mobile,我正在试图弄清楚每个页面应该如何构建......
说我有一个应用程序:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<title>jQuery Mobile: Demos and Documentation</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
<script type="text/javascript" src="experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
<script type="text/javascript" src="docs/_assets/js/jqm-docs.js"></script>
</head>
<body>
<div data-role="page" data-theme="b" id="jqm-home">
<div id="jqm-homeheader">
<h1 id="jqm-logo"><img src="docs/_assets/images/jquery-logo.png" alt="jQuery Mobile Framework" width="235" height="61" /></h1>
<p>A Touch-Optimized Web Framework for Smartphones & Tablets</p>
<p id="jqm-version">Alpha Release</p>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Overview</li>
<li><a href="docs/about/intro.html">Intro to jQuery Mobile</a></li>
<li><a href="docs/about/features.html">Features</a></li>
<li><a href="docs/about/accessibility.html">Accessibility</a></li>
<li><a href="docs/about/platforms.html">Supported platforms</a></li>
</ul>
</div>
</div>
</body>
</html>
现在,当我导航到"docs/about/intro.html"时,intro.html是否需要拥有与主要移动应用程序相同的所有文档声明？换句话说,<head>,<script>,<link>,等...我需要每一个需要的脚本,风格和文档类型声明PARAMS就好像它被装上它在单个页面？
我问的原因是我可以看到的,页面实际上并没有被加载......就像它被加载到顶部...你实际上并没有去"docs/about/intro.html"......我错了.
有人可以为我澄清这一切吗？
这就是发生的事情（根据我的理解）。
以您的示例为例，jQuery Mobile 查找“docs/about/intro.html”，进入其中，然后查找<div data-role="page">，忽略其他所有内容<head>, <body>等。
然后，它将该页面 div 引入您现有的页面，并将 URL 更改为“#/docs/about/intro.html”（或类似的内容）