【发布时间】:2011-09-09 06:59:21
【问题描述】:
我刚刚开始研究 jquerymobile,使用 jquery.mobile-1.0a1 完成了简单的示例。
我有 home.html、auboutus.html 页面。在主页中,我有一个带有指向 aboutus.html 的外部链接的列表视图。它工作正常,通过单击关于我们的链接,关于我们的页面正在加载带有“返回”按钮的头部导航栏。
现在使用jquery.mobile-1.0a2,在关于我们的页面中,标题导航栏消失了。
这是我的示例代码:
home.html
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link rel="stylesheet" href="jquery-mobile/jquery.mobile-1.0a2.min.css" />
<script src="jquery-mobile/jquery-1.4.4.min.js"></script>
<script src="jquery-mobile/jquery.mobile-1.0a2.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header" data-theme="b">
<h1>Home</h1>
</div>
<div data-role="content">
<div id="banner">
<h2></h2>
</div>
<ul data-role="listview">
<li><a href="aboutus.html" >About Us</a>
</li></ul>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>
aboutus.html
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link rel="stylesheet" href="jquery-mobile/jquery.mobile-1.0a2.min.css" />
<script src="jquery-mobile/jquery-1.4.4.min.js"></script>
<script src="jquery-mobile/jquery.mobile-1.0a2.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header" data-theme="b">
<h1>About Us</h1>
</div>
<div data-role="content">
<div id="banner">
<h2>About Us</h2>
</div>
<p>about us about us about us about us </p>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>
【问题讨论】:
-
阿尔法1?我建议更新新发布的 beta 3
标签: jquery-mobile