Response title
This is preview!
- Screen name: nathanadams63
nathanadams63's Profile
2 Posts
3 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 18-Dec-2015 07:17 AM
- Forum: jQuery Mobile
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...I have put a very basic setup hereIf 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 siteThe right hand side icon of a user should open the panel...... thanks for your help......- 08-Jun-2013 06:18 AM
- Forum: jQuery Mobile
Hi,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......Can anyone help before I pull out all of my hair?Many thanks- «Prev
- Next »
Moderate user : nathanadams63