popup loads before content
Hi all,
On my site, I have a popup div that appears to load (without format) before the content div. I have attached a screenshot that illustrates this. (Yes, the picture is of a desktop, but the same thing happens on my iPhone as well.)
The code for the popup is:
- <div id="options" data-role="popup" data-history="false" data-theme="d" data-overlay-theme="a" data-disabled="false">
- <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>
- <ul data-role="listview" data-inset="true" data-theme="d">
- <li data-icon="refresh" onclick="location.reload(true);"><a>Refresh</a></li>
- </ul>
- </div>
My link to the popup (on every page):
- <a href="#options" data-icon="gear" data-rel="popup" data-transition="fade" data-position-to="window" class="ui-btn-right">Options</a>
Everything functions correctly once the page is fully loaded; I just don't want the popup to be seen before the page loads.
Any help or advice will be greatly appreciated! Thank you.