Response title
This is preview!
Home Page Size shrinks to sub-page size in a Single page app
in jQuery Mobile
•
6 months ago
I have a single page jqm app that uses Knockout to show one of 7 or so different pages within it. I wrap each data-role="page" with a knockout if:
<!-- ko if: showEditPage() === true -->
<!-- /ko -->
Each page shows correctly until I switch to one that is shorter than the screen size. i.e. I navigate from Home Page to Short Page and back to Home. Then the Home page size matches the Short Page so the bottom of the page is cut off.
I tried removing the ko commenting and just use jquery Hide/Show, but same result.
I've narrowed it down to JQueryMobile (1.1.2) because the problem goes away when I comment out the jqm
jquery.mobile-1.2.0.min.js file.
Everything works fine as long as I don't navigate to a shorter page.
The pages are re-shown using $(pageID).show().page();
I've turned ajax off because the page will eventually be used offline:
$(document).bind("mobileinit", function () {
$.extend($.mobile, {
ajaxFormsEnabled: false,
pushStateEnabled: false,
ajaxLinksEnabled: false,
ajaxEnabled: false
});
});
1
