I have just overhauled my mobile page from 1.3 to 1.4.5 as there were
problems in swipes. On the new platform I cannot get the swipe gestures
to work with a panel on the same page, for my application the panel just
doesn't appear when the ICON is clicked on the first page loaded. I
have used the swipe demo as my foundation and this seems to work OK. I
found that removing the line in red below from the supplied JS fixed the
problem, however when I swipe forward say two pages and then swipe back
one page the ICON no longer fires the panel.
// Prefetch the next page
// We added data-dom-cache="true" to the
page so it won't be deleted
// so there is no need to prefetch it
if ( next ) {
$( ":mobile-pagecontainer"
).pagecontainer( "load", next + ".html"
);
}
In desperation I have cloned the Swipe demo page and this works
fine. Then I added a simple panel (from the demo code) and an ICON in
the header to fire it. Now the page is completely broken and will not
even load the first image of New York, swiping through and the other
images blink and go and the PANEL is just blank. It seems that there
is a fundamental problem of using these two on the same page unless I
have missed something seriously basic...
If you remove
the panel the image appears,sadly I do not know how to put this
up on jsfiddle with multiple pages but here is the link to the
same demo on my site
I have been stuck for a couple of days now with my new mobile web site. I have a page that is bigger that the screen so vertical scrolling is involved. I have ajax disabled using $.mobile.ajaxEnabled = false; because the next page has a different <header>, this works!
What I notice is that the links work fine if I do NOT scroll or only scroll a little, once I scroll down by a around 30% of the screen height the hyper links work but do not take me to the page, it just goes white and hangs. At this point if I hit the reload in the browser the page loads fine.
This only seems to happen on my iPad and iPhone, it happens in both Safari and Chrome. Whilst the application works fine on my PC using Chrome.....
Now the crazy part is that if I enabled Ajax it works perfectly, problem is now that the new page has the previous page's header and the wrong javascripts and css style sheets......