I have two pages page1, page2.
page2 has large amount of data so it is take too long time for loading. mow i want to display page 1 until the page 2 is completely loaded. is it possible? if yes then please tell me how?
page2 has large amount of data so it is take too long time for loading. mow i want to display page 1 until the page 2 is completely loaded. is it possible? if yes then please tell me how?
Don't load huge amount of data at a time
1.try to use jquery ajax
2.Bind images properly You can not show two different
You can use a display none on the body and then bind an event listener for pageinit on your first page.
Example:
HTML:
<body style="display:none">
<div id="#start" data-role="page"></div>
</body>
JS:
$("#start").one("pageinit",function(){
$("body").show();
});
[updated]
See you can not archive this by two pages remember page is only one but logic is different you have initially only one page so don't load a content until first content means page 1 is loaded and then check that your content is loaded then load another data