Добрый день, я пытаюсь создать мобильное веб-приложение через JQuery, и я пытаюсь связать страницы в нижнем колонтитуле.Ссылка на JQuery Мобильные страницы
Я думаю, что правильно закодировал его из просмотра видеороликов, и если бы у меня не было, я знаю, что это будет что-то глупое, что я забыл.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Mobile Web App</title>
<link href="../jquery-mobile/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css"/>
<script src="../jquery-mobile/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="../jquery-mobile/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page">
\t <div data-role="headerimg">
\t \t <img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
\t </div>
<div data-role="content">
\t
<a href="#page" data-role="button" data-icon="plus">Home</a>
<a href="#page2" data-role="button" data-icon="plus">Tickets</a>
\t <a href="#page3" data-role="button" data-icon="plus">Shop</a>
\t <a href="#page4" data-role="button" data-icon="plus">Photos</a>
<a href="#page5" data-role="button" data-icon="plus">Join Us</a>
\t <a href="#page6" data-role="button" data-icon="plus">More</a>
\t
</div><!-- footer -->
<div data-role="page" id="page2">
\t <div data-role="header">
\t \t <img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
\t </div>
<H1>TICKETS</H1>
\t <div data-role="content"> \t
\t \t Content \t \t
\t </div>
\t \t <div data-role="footer" data-position="fixed">
\t
\t </div><!-- footer -->
\t \t
\t </div>
</div>
<div data-role="page" id="page3">
\t <div data-role="header">
\t \t <img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
<H1>SHOP</H1>
\t <div data-role="content"> \t
\t \t Content \t \t
\t </div>
\t
<div data-role="footer" data-position="fixed">
</div><!-- footer -->
<div data-role="page" id="page4">
\t <div data-role="header">
\t \t <img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
<H1>PHOTOS</H1>
<div data-role="content"> \t
\t \t Content \t \t
</div>
\t <div data-role="footer" data-position="fixed">
</div><!-- footer -->
<div data-role="page" id="page5">
\t <div data-role="header">
\t \t <img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
<H1>JOIN US</H1>
<div data-role="content"> \t
\t \t Content \t \t
\t </div>
\t
<div data-role="footer" data-position="fixed">
</div><!-- footer -->
<div data-role="page" id="page6">
\t <div data-role="header">
\t \t <img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
<H1>MORE</H1>
\t <div data-role="content">
\t <ul data-role="listview">
\t <li><a href="#">About<span class="ui-li-count"></span></a></li>
\t <li><a href="#">Tickets<span class="ui-li-count"></span></a></li>
\t <li><a href="#">Facebook<span class="ui-li-count"></span></a></li>
\t <li><a href="#">Twitter<span class="ui-li-count"></span></a></li>
\t <li><a href="#">Instagram<span class="ui-li-count"></span></a></li>
\t <li><a href="#">Email<span class="ui-li-count"></span></a></li>
</ul> \t
\t \t \t \t
\t </div>
\t \t
<div data-role="footer" data-position="fixed">
\t \t </div><!-- footer -->
</body>
</html>