title: page transition for app using jquery mobile and phonegap
body: <p>I'm building an app in html/css/javascript and using phonegap to build.</p>
  
  <p>So, I first wanted to have to simple page to page navigation. I tryed this:</p>
  
  <p>index: </p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; 
      &lt;link rel="stylesheet" href="jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.css" /&gt;
      &lt;script src="jquery-1.8.2.js"&gt;&lt;/script&gt;
      &lt;script src="jquery.mobile-1.2.0/jquery.mobile-1.2.0.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body id="body"&gt;
      &lt;div id="container" data-role="page"&gt;
          &lt;a rel="external" data-role="button" href="test.html" data-transition="slide"&gt;click me&lt;/a&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>test.html:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; 
      &lt;link rel="stylesheet" href="jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.css" /&gt;
      &lt;script src="jquery-1.8.2.js"&gt;&lt;/script&gt;
      &lt;script src="jquery.mobile-1.2.0/jquery.mobile-1.2.0.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body id="body"&gt;
      &lt;div id="container" data-role="page"&gt;
          New page!
      &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Result: when I click on the button the test.html page loads very slow and the data-transition="slide" seems to be ignored.</p>
  
  <p>I found an article about dynamic page loading: <a href="https://www.ibm.com/developerworks/mydeveloperworks/blogs/94e7fded-7162-445e-8ceb-97a2140866a9/entry/dynamic_page_loading_for_phonegap1?lang=en" rel="nofollow">https://www.ibm.com/developerworks/mydeveloperworks/blogs/94e7fded-7162-445e-8ceb-97a2140866a9/entry/dynamic_page_loading_for_phonegap1?lang=en</a></p>
  
  <p>Which I really don't get. Aren't the HTML files stored locally? So why do a XMLHtppRequest?</p>
  
  <p>My question is: How do I get a good page transition (fast and with effects)?</p>