title: Avoid flickering (white screen) in jQuery mobile phone
body: <p>I am devloping a phonegap app, I used a multi page template like page1.html, page2.html. Each page hits the server and renders the output and show it in a listview. So the problem is if I hit to redirect from one page to another page means it shows white screen.</p>
  
  <p>And also I tried lot of possible ways when I did the google search. But it not helps for me.</p>
  
  <pre><code>My code is given below:
  $('#content').append('&lt;div class="wholediv"&gt;&lt;span class = "wholediv_content"&gt;&lt;a style="text-decoration:none!important;"href="'+v.pagename+'.html?id='+v.nodeId +'&amp;catname='+ v.pagecat +'"   data-ajax="false"&gt;'+'&lt;img src="http://www.examole.com/'+image+' "  class="eventsimages" alt = "image"/&gt;'+'&lt;br /&gt;&lt;p&gt;'+v.pagename+'&lt;/p&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;');
  
  index.html:
  
  &lt;div data-role="page"&gt;
  
              &lt;div data-theme="a" data-role="header" data-position="fixed" data-tap-toggle = "false"  style="height:45px;"&gt;
                  &lt;h3 id = "title"&gt;
                      Moble
                  &lt;/h3&gt;
                  &lt;span class="off new_off" id = "off" &gt;Off&lt;/span&gt;
              &lt;/div&gt;
  
                 &lt;div data-role="content" id="content"&gt;
  
              &lt;/div&gt;&lt;!-- /content --&gt;
  
  
          &lt;/div&gt;&lt;!-- /page --&gt;
      &lt;/body&gt;
  </code></pre>
  
  <p>I need to avoid the flickering. Please I did lot of search and applied all those answers it did not help me. If I use data-transition means I need to remove <code>data-ajax="false"</code>. What to do?</p>