I am testing my app on a device running Android version 2.3.7. When navigating between pages, the pages do not "slide" even when set to do so. Instead the loading icon appears and the screen flashes once or twice before loading the new page. The same occurs when a popup is launched.
I have found a workaround by enabling the "full screen refresh" option, but this loses the sliding effect, and there is still nothing I can do about about the other instances where it occurs
This most likely caused by an older Android version. As you said, full page refresh solves this problem but then you lose the transition effects.
Try setting the transition to 'default'.
'default' on android is fade.
Use transition 'none'
Thanks Neil. That's what I had in mind.
Thanks. Using either 'none' or 'default' or using full screen refresh gets rid of the issue on my device. However, it's unfortunate that I have to remove the effect entirely in order for it to not look ugly on people with older devices. Is there no way to have it degrade for people on those older devices, but still work on others?
Also, doing it any of the above mentioned ways will remove the loading icon in the center of the screen after the user clicks the link. Is there any way to get it back? The pages still take time to load so I want my users to know that the program is doing something.
Thanks for all the help.
There is little we can do. jQuery Mobile doesn't work well with older Android versions.