Using Jquery mobile for the first time for the basis for a web app...
I have an <aside>
element on all my pages, that I'm only showing at desktop sizes. It currently sits within a <div data-role="page">
on every page.
It displays fine on full page loads but not when pages are loaded in via the default AJAX/HIJAX method - for some reason the content in the <aside>
(or in the test below it is a different div that doesn't render correctly) just doesn't show (I can see it in the DOM via Web Inspector, it just isn't being rendered) unless I click refresh.
How do I markup the <aside>
so that it persists across HIJAX page loads?
Here's a test url: http://benfrain.com/test/
If you click 'slat 1' under 'Header 1', you'll see the page (stage2.html) load in. However, if you click 'refresh' on that page you'll see what should have displayed.
Oddly however, once you have refreshed stage2.html, clicking the 'slat 1' under 'Header 2 on that page loads in stage3.html correctly and retains everything as it should be.