Geek asks and answers

Accelerate page transitions in jQuery Mobile 1.1 for iPhone apps created with PhoneGap?

Page transitions in JQM 1.1 still carry a 1-2 second delay on the iPhone, which jeopardizes the user's experience.

Has anyone figured out how to make page transitions in JQM 1.1 more natural? We know that alternative structures exist, such as Zepto, but we prefer to use JQM if possible.

We use PhoneGap to distribute the application on iOS devices.

+5
source share
2 answers

I use several methods that together give a completely satisfactory result.

1) Energize.js - https://github.com/davidcalhoun/energize.js /

2) jQM :

$.mobile.buttonMarkup.hoverDelay = 0;

3, 4 5)

$( "#YourPage" ).delegate("#YourButton", 'tap', function(event) {
        $.mobile.showPageLoadingMsg();
        $.mobile.changePage( "YourPage", { transition: "slide"} );                                               
        e.stopImmediatePropagation();
        return false;
        } );

3) , , jQM mobile.changePage - ()

4) , ( energize.js )

5) . , , , , , , , - .

6)

$.mobile.loadPage( "YourPage" );

- , , , , !

EDIT - : , jQuery PhoneGap: http://therockncoder.blogspot.no/2012/06/three-quick-performance-tips-for.html

+13

More articles:


All Articles