Reputation: 61
Using latest jQuery Mobile 1.1.1, when clicking on a Multipage link #pgDetail, the first page (#pgHome) fades out using opacity 0, but the linked 2nd page (#pgDetail) is still display:none with computed opacity of "1" and doesn't become visible, nothing is displayed, except in firebug of course.
I notice that it's not switching the "ui-page-active" class for the pages, nor the style heights. If I refresh the browser, the 2nd page displays. Or if I use firebug to manually move the ui-page-active class from one page to another page, it displays.
I only see this issue on Firefox 4. (Win7).
The same code tests fine and works as expected in Firefox 10, IE 8, Chrome, Safari, etc...
Any ideas?
Upvotes: 0
Views: 247
Reputation: 4765
I got the same problem today, IE8 worked, but FF didn't. And it finally turned out to be the address. I had it at ........\My Documents\Desktop\HelloWorldWebsite
This space confused the FF. Then I relocate the html file with another path, no space, and it works on FF.
Upvotes: 0