Refresh only portions of the page
Hello!
Typical jQuery Mobile page looks like this:
- <div data-role="page">
<div data-role="header">...</div>
<div role="main" class="ui-content">...</div>
<div data-role="footer">...</div>
</div>
If linking to another pages, in ajax response i serve only the <div data-role="page"> ... </div> portion of the new page, without <html>, <head>, etc. sections. Is there any way to refresh only some parts within the <div data-role="page"> ... </div> section? For example I'd like to refresh only the <div role="main" class="ui-content"> ... </div> content, or any other section within the page. How can i do this?
Thank you!
Lay