まったく同じことを尋ねる以前の質問はすべて知っています。
元のコードを変更したり、余分なスタイルを追加したりするつもりはありません。
このページによると：
http://view.jquerymobile.com/1.3.0/docs/widgets/navbar/footer-persist-a.php
必要な作業は、指定されたコードをコピーして HTML に貼り付けることだけです。
私はこれをしました：
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<!-- CSS end -->
<!-- Javascripts -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="<?php echo base_url('Assets/js/defaults/jquery-mobile.js');?>"></script>
<!-- Js End -->
</head>
ここにHTMLがあります
<div data-role="page">
<div data-role="header">
<div data-role="navbar">
<ul>
<li><a href="#" class="ui-btn-active">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>
</div><!-- /navbar -->
</div>
<div data-role="content">
<p>Some Content here</p>
</div>
<div data-role="footer" data-id="foo1" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="a.html">Info</a></li>
<li><a href="b.html">Friends</a></li>
<li><a href="c.html">Albums</a></li>
<li><a href="d.html">Emails</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->
</div>
そして、フッターは最下部にはありません。実際、それは真ん中のどこかにぶら下がっています。
最新の jquery mobile を使用しています。
何か案は？
