- Screen name: mobjois
- Expanded view
- List view
- The following behaviour is observed in my jQuery Mobile 1.2 app in Chrome and also when deployed as a PhoneGap (Cordova 2.2) app on iPhone and Android:About 10% of the time, when I click a button, it highlights the button but does not perform the appropriate action. A good example is my navigation button bar because I'm not doing anything special:
<div data-role="footer" data-position="fixed" data-id="navbar" data-tap-toggle="false" data-theme="c">
<li><a data-icon="custom1" href="page1.html" data-role="button" data-inline="true">Page 1</a></li>
<li><a data-icon="custom2" href="page2.html" data-role="button" data-inline="true">Page 2</a></li>
<li><a data-icon="custom3" href="page3.html" data-role="button" data-inline="true">Page 3</a></li>
If I click on a button, it will look pushed in but the page will not change. Clicking again will result in the page changing. This doesn't happen all the time.
Does it sound familiar? Any help or advice would be appreciated.
- Pages in my app seem to load in stages: the content all appears but with the header and footer bars clearly not taken into account, then the padding gets changed and the content shows up in the right place.For context, I'm usually building the content of any given page during pagebeforeshow.If this tweaks any memories, please let me know. It would be difficult to create an accurate jsfiddle for this particular problem.Cheers.
- Next »
Moderate user : mobjois