Main page might be created twice with different data-url when using multiple page-files
Let's say we have two pages in two separate HTML-files:
- <!DOCTYPE html>
- <html>
- <head>
- <title>Title</title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
-
- <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.js"></script>
- <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
- </head>
- <body>
- <div data-role="page" id="first">
- <div data-role="content">
- FIRST! (to <a href="#second.html">Second</a>)
- </div>
- </div>
- </body>
- </html>
Code of the second page similar to the first one but in "second.html" and with id "second" and link-target "#first.html".
If you now navigate from "first" to "second" and back to "first" using the links on the pages, Firebug will show the following HTML tree as site content:
- <div id="first" data-role="page" data-url="first" class="ui-page ui-body-c">
- <!-- ... -->
- <div id="second" data-role="page" data-url="second.html" class="ui-page ui-body-c">
- <!-- ... -->
- <!-- ui-loader -->
- <div id="first" data-role="page" data-url="first.html" class="ui-page ui-body-c ui-page-active">
As you can see, "first" exists twice: Once "first" and once with "first.html" as data-url.
However, this should be the case I think.
Cheers
winSharp93