Slow transition between pages (HTML/jQueryMobile)

Hello,

We're working on Oesia Rhomobile Project and we have a problem.

We created a HTML/jQueryMobile file with all pages (using DIVs and the attribute data-role="page").

If we run our application on Rhomobile emulator the transition between pages is right, but if we run it on Android mobile phone (i.e. Samsung Galaxy S) the transition is slow and it blinks.

Thanks

Jordi

Robert Galvin
Forgot to include the link to

Forgot to include the link to the release I was mentioning:

http://jquerymobile.com/blog/2012/04/13/announcing-jquery-mobile-1-1-0/

Also if you do a search on jQuery Mobile Slow on Android you will see several threads that have some suggestions. All of this depends on many variables including your DOM structure, etc

Vote: 
Vote up!
Vote down!

Points: 0

You voted ‘up’


Robert Galvin
Hi JordiYou may want to try

Hi Jordi

You may want to try upgrading to the latest JQuery Mobile. I believe it has some new features that will detect if the device has hardware acceleration and change it's use of transitions/animations appropriately. I have not tried this on Samsung Galaxy.

Also you may want to turn off transitions. You can do this by adding one line of code to the layout.erb file

Look for:

<script type="text/javascript">

            $(document).bind("mobileinit", function(){

and add

$.mobile.defaultPageTransition  = "none";

Vote: 
Vote up!
Vote down!

Points: 0

You voted ‘up’


DecisionPoint K...
Android devices running

Android devices running Gingerbread or earlier do not have hardware acceleration in web views. Using the latest RhoElements and Motorola WebKit will give you some hardware acceleration on those devices.

Vote: 
Vote up!
Vote down!

Points: 0

You voted ‘up’


Log in to post comments