Мне известны все предыдущие вопросы, которые задают одно и то же.jQuery-mobile Footer issue, снова
Я не пытаюсь изменить какой-либо исходный код, или добавить любой дополнительный стиль в
Согласно этой странице:.
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.
Любые идеи?
она есть. Это не работает. –
Посмотрите на скрипку. нижний колонтитул приклеен к основанию –
в порядке. глупый вопрос. Я ввел неправильную ссылку css. –