jQuery Mobile: требуется ли информация о Docytype и заголовке на странице? - PullRequest
5 голосов
/ 23 апреля 2011

Я начинаю погружаться в jQuery Mobile и пытаюсь понять, как должна создаваться каждая страница ...

Скажем, у меня есть приложение:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
    <title>jQuery Mobile: Demos and Documentation</title>
    <link rel="stylesheet"  href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
    <link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
    <script type="text/javascript" src="experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
    <script type="text/javascript" src="docs/_assets/js/jqm-docs.js"></script>
</head> 
<body> 
<div data-role="page" data-theme="b" id="jqm-home">
    <div id="jqm-homeheader">
        <h1 id="jqm-logo"><img src="docs/_assets/images/jquery-logo.png" alt="jQuery Mobile Framework" width="235" height="61" /></h1>
        <p>A Touch-Optimized Web Framework for Smartphones &amp; Tablets</p>
        <p id="jqm-version">Alpha Release</p>
    </div>

    <div data-role="content">

        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
            <li data-role="list-divider">Overview</li>
            <li><a href="docs/about/intro.html">Intro to jQuery Mobile</a></li>
            <li><a href="docs/about/features.html">Features</a></li>
            <li><a href="docs/about/accessibility.html">Accessibility</a></li>
            <li><a href="docs/about/platforms.html">Supported platforms</a></li>
        </ul>

    </div>
</div>
</body>
</html>

Теперь, когда я перехожу к "docs / about / intro.html", должен ли intro.html иметь те же объявления документов, что и основное мобильное приложение?Другими словами, <head>, <script>, <link> и т. Д. ... Нужно ли объявлять все необходимые параметры скрипта, стиля и типа документа так, как если бы это была отдельная страница, загружаемая на нее?

Причина, по которой я спрашиваю, состоит в том, что я вижу, что страница на самом деле не загружается ... она как бы загружается сверху ... вы на самом деле не собираетесь "docs / about / intro.html""... Я могу ошибаться.

Может ли кто-нибудь любезно объяснить мне все это?

Ответы [ 4 ]

2 голосов
/ 19 сентября 2011

Как работает jquery mobile, вы должны иметь любые скрипты и CSS в заголовке первой страницы. Это можно продемонстрировать, перейдя к демонстрациям scrollview . Если вы можете перейти к любой странице оттуда, вы принесете сценарии для включения scrollview с ним, но если вы обновите страницу, вы потеряете функциональность сценариев

Я бы порекомендовал поместить содержимое заголовка на все ваших страниц по следующей причине - что произойдет, если кто-то откроет страницу «о», прежде чем они откроют дом? Вы получите довольно непонятную веб-страницу.

2 голосов
/ 24 апреля 2011

Вот что происходит (согласно моему пониманию).

Используя ваш пример, jQuery Mobile ищет «docs / about / intro.html», переходит в него и ищет <div data-role="page">, игнорируя все остальное <head>, <body> и т. Д.

Затем он переносит эту страницу div на вашу существующую страницу и изменяет URL-адрес на «# / docs / about / intro.html» (или что-то подобное)

1 голос
/ 24 апреля 2011

К сожалению, для нас, до сих пор, я видел способ решить вашу дилемму - построить весь сайт на одной HTML-странице.Я не видел никакой документации, которая объясняет, как эффективно создать веб-сайт, состоящий из нескольких страниц, в локальной среде, не теряя при этом замечательных переходов jquerymobile.

1 голос
/ 23 апреля 2011

Посмотрите, какой тип Навигация вы хотите, так как есть несколько различных моделей / типов

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...