Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery Mobile Persistent Navbar - Flickers
    text
    copied!<p>I have an issue with Jquery mobile persistent navbar. I am developing a mobile app using phonegap to deploy on iOS and Android. I have a navbar to navigate from one page to another. (footer/navbar fixed). </p> <p>Example on: <a href="http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html" rel="nofollow">http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html</a></p> <p>The navigation works, the bar persists when rendered in a browser such as chrome or safari. But when I upload the app to the Android emulator or iOS emulator, clicking a link from the navbar makes the whole screen go white for a sec and then re-appears. (Kind of a flicker)</p> <p>Can someone help with this?</p> <p>Here's my code for the footer: (a.html,b.html... are the name of my pages)</p> <pre><code>&lt;div data-role="footer" data-id="foo1" data-position="fixed" data-tap-toggle="false"&gt; &lt;div data-role="navbar"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="a.html" data-prefetch data-transition="slideup" class="ui-btn-active ui-state-persist" rel="external"&gt;Info&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="b.html" data-prefetch rel="external" &gt;Friends&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="footer-persist-c.html" data-prefetch="true"&gt;Albums&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="footer-persist-d.html" data-prefetch="true"&gt;Emails&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!-- /navbar --&gt; &lt;/div&gt;&lt;!-- /footer --&gt; </code></pre> <p>Thank you !</p>
 

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