Pla*_*mes 5 mobile jquery header fixed
我浏览了关于stackoverflow的其他文章，但是对于这样一个简单的任务，它们似乎太复杂了。
我要做的就是在我的移动应用程序顶部有一个固定的标题，即使我滚动“ listview”，它也始终会保留在那里。请告诉您最简单的方法。现在，当我向下滚动时，标题确实会出现，但是在点击后消失了。我该如何破解这个jQuery消失的行为？谢谢！
我有这个：
<!DOCTYPE html>
<html>
<head>
<title>Testing Jquery</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1>Page Title</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" data-theme="g">
<li><a href="#">Item1</a></li>
<li><a href="#">Item2</a></li>
<li><a href="#">Item3</a></li>
</ul>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>