I have some problem, i guess, in my jquery mobile pages, but i cannot find the problem. Firebug doesn’t fire any error, or even warning. Chrome’s console idem. The only symptom is that some, not all, of my pages doesn’t load. I can only see the loading animation of a circle keeping to turn on itself…
In general, i have an index page, containing 15 pages like this:
<div data-role="page" id="page1">
<div data-role="header" class="ui-bar-b">
<h1>Yea</h1>
</div>
<?php include 'page1.php'; ?>
<?php include 'footer.php'; ?>
</div>
The first three work like a charm, the other cause problems. Now the code of each page is in a separate php page. I tried also to load the other pages separately but no errors…
I’m using jquery mobile 1.1.1 and jquery 1.7.1.
Please help me.
Just for the sake of completeness: finally i solved the problem. There was a div unclosed in a page. The interesting part is that the page i could not load was not the one owning the error, but the subsequent!!
Seems so obvious now, but if javascript and php does not fire error, the only spot which to look is html! I validated the code with this and caught the error. http://validator.w3.org/#validate_by_uri+with_options
Thank you all for the useful information!