jquerymobile: навигация не работает с jquery.mobile-1.0a2 - PullRequest
Новая
       1

jquerymobile: навигация не работает с jquery.mobile-1.0a2

0 голосов
/ 09 сентября 2011

Я только начал изучать 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 Ответ

5 голосов
/ 09 сентября 2011

Вам следует подумать об использовании дизайна страницы, который предпочитает JQuery для мобильных устройств. Вы можете найти его здесь, вам не нужно определять разные HTML-файлы, вы можете просто добавить несколько «страниц» с разными идентификаторами в один HTML-файл. Приспособление тогда просто. Проверьте эту ссылку: http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-navmodel.html#../../docs/pages/docs-pages.html

Если вы хотите сослаться на внешнюю ссылку, попробуйте следующее: <a href="multipage.html" rel="external">Link</a>

...