Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery Mobile: Docytype and Header information required per page?
    primarykey
    data
    text
    <p>I'm starting to dive into jQuery Mobile and I'm trying to figure out how each page is supposed to be constructed...</p> <p>Say I have an app:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"&gt; &lt;title&gt;jQuery Mobile: Demos and Documentation&lt;/title&gt; &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /&gt; &lt;link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" /&gt; &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="experiments/themeswitcher/jquery.mobile.themeswitcher.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="docs/_assets/js/jqm-docs.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div data-role="page" data-theme="b" id="jqm-home"&gt; &lt;div id="jqm-homeheader"&gt; &lt;h1 id="jqm-logo"&gt;&lt;img src="docs/_assets/images/jquery-logo.png" alt="jQuery Mobile Framework" width="235" height="61" /&gt;&lt;/h1&gt; &lt;p&gt;A Touch-Optimized Web Framework for Smartphones &amp;amp; Tablets&lt;/p&gt; &lt;p id="jqm-version"&gt;Alpha Release&lt;/p&gt; &lt;/div&gt; &lt;div data-role="content"&gt; &lt;ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"&gt; &lt;li data-role="list-divider"&gt;Overview&lt;/li&gt; &lt;li&gt;&lt;a href="docs/about/intro.html"&gt;Intro to jQuery Mobile&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="docs/about/features.html"&gt;Features&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="docs/about/accessibility.html"&gt;Accessibility&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="docs/about/platforms.html"&gt;Supported platforms&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Now, when I navigate to "docs/about/intro.html", does intro.html need to have all of the same document declarations as the main mobile app? In other words, <code>&lt;head&gt;</code>, <code>&lt;script&gt;</code>, <code>&lt;link&gt;</code>, etc... Do I need to declare every required script, style, and document type params as if it was an individual page being loaded on its on?</p> <p>The reason I ask is from what I can see, the page doesn't actually get loaded... it's like it's loaded on top... you're not actually going to "docs/about/intro.html" ... I could be wrong.</p> <p>Could someone kindly clarify this all for me?</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload