I have made two apps for the iphone with phonegap and jQM. Both of them are developed completely independent from each other and do completely different things.
I've tested every single transition for the changePage event but the Flickering is the same every time.
for Example: if I click on a Button for the next page I can see the next page for some milliseconds and then the transition starts and flickers.
does anyone got experiences with that problem? or does anyone have an idea how to fix that ?
To reproduce the flickerings I have extended the test app (the simple pages with 100, 1000, 10000 and 100000 words) with an Ajax request that loads 4 random images from flickr and a loop that generates 12 elements (10 input and 2 divs) 10 times on one page but there is still no flickering ... can anyone give me a hint when the flickerings will appear ?!
The reason I would say to do it this way is it will make sure everything is done before the page is displayed. The way you are currently doing it has no reason to wait as it's not told to do so.
While I would bet this isn't the real problem, it very well could be. I know there are issues with the slide transition flickering on some phones - you could always switch to slidefade transition to see if it helps.
Yes, you should make your changes to the page before it is shown.
As well, you've coded this in the most inefficient way possible. This looks like a winning entry in an obfuscated code contest. You don't need to build-up the elements using JQuery methods. (And if you insist, at least create a variable first: var $input = $('<input>');
But why not just build a string with the HTML you need to append, and then append the string? It would be both much more readable and faster.
If you need to do this a lot, you should investigate client-side templating systems, such as mustache/icanhaz.
it was my intention to code as inefficient as possible to reproduce the flickering but this example was still to good to flicker.
I have bound all of the function calls which were called after the pagechange to the pagebeforechange event and changed the slide transition to slidefade. The transition is now much more smoother than before but there are still some minimal flickers.
Like u said it is not the solution to prevent it because when I use the slide transition, the flickering is still the same.
but many thanks by now
Leave a comment on oneandonlycore's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic