title: JQuery-Mobile Page transitions - flickering (separate pages)
body: <p>I spend the day figuring out how to fix the flickering between page transitions in JQuery-Mobile 1.3.1.</p>
  
  <p>I found that</p>
  
  <pre><code>.ui-page { -webkit-backface-visibility: hidden; }
  </code></pre>
  
  <p>or setting the <code>data-transition</code> to <code>none</code></p>
  
  <p>or removing <code>meta.attr( "content", disabledZoom );</code> and <code>meta.attr( "content", enabledZoom );</code> from JQM file</p>
  
  <p>helped.</p>
  
  <p><strong>But apparently that is only working if the webapp is just one "multi-page".</strong></p>
  
  <p><strong>I am using 4 separate pages.</strong></p>
  
  <p>In iOS (mobile Safari) and on PC (Browser: Chrome) I don't have any transition flickering.
  But as soon as I add the App to to the Homescreen it flickers again.</p>
  
  <p>Here I read that there is no possibility in avoiding page flickering for (PhoneGap/Homescreenapp) if there are separate HTML files in use: <a href="https://groups.google.com/d/msg/phonegap/tqdv3tYIj_o/qfft32VbLg8J" rel="nofollow">https://groups.google.com/d/msg/phonegap/tqdv3tYIj_o/qfft32VbLg8J</a></p>
  
  <p><strong>Is there no solution for this?</strong></p>