Jquery Mobile - Slow with page transitions?

Up vote 2 down vote favorite 1 share g+ share fb share tw.

Using jquery mobile Im using persistant header and footer. The footer nav has tabs and when you click a tab it loads a page via ajax. The problem is the transition from one page to another, which is ajax loading a div with the specific id, is very slow.

It takes 2-5 seconds for the page transition to happen. When I click a tab it highlights a different color but nothing happens, then a few seconds later the transition happens. Sometimes if you click to fast the layout breaks and the footer dissappears.

Im doing this on an ipad with the latest version of jquery mobile. Is jquery mobile just really slow? Will waiting till ios5 make all the difference?

UPDATE Here is a snippet of code: Page Title Add 2 Stephen Weber You've been invited to a meeting at Filament Group in Boston, MA if you're available at 10am tomorrow, we've got a meeting with the jQuery team. 6:24PM Link 1 Link2 Link 3 Page Title Add 2 Stephen Weber You've been invited to a meeting at Filament Group in Boston, MA if you're available at 10am tomorrow, we've got a meeting with the jQuery team. 6:24PM Link 1 Link2 Link 3 jquery-mobile link|improve this question edited Sep 21 '11 at 8:30 asked Sep 21 '11 at 8:04John942728 95% accept rate.

Add some code, would be helpful.. – zyrex Sep 21 '11 at 8:25 Try removing the page transition animation and see if it loads the page any faster. That will narrow down whether its the ajax request taking forever or the animation itself. – adam Oct 24 '11 at 1:06.

(Header Footer Data position = fixed) About the loading time, it really is strange, try to focus the error with removing parts of your code and narrow down where and why the long loading time is occurring... hope this helps.

I am using the scrollview plugin with jquery mobile as well. Would that have any effect on loading between pages? – John Sep 21 '11 at 8:51 Actually just removed the scrollview plugin and not much faster.

Basically I have the tabs in the footer, when I click to go to a different tab it sits there for a few seconds. Then the page transition happens, in this case a slide. Then I click to the previous tab in the footer and again it hangs for a few seconds then transitions back to the previous tab.

This not only looks/feels clunky it leaves open for people who double click and when that happens weird things happen like half the page is gone or the footer dissappears or nothing happens at all. – John Sep 21 '11 at 8:56 try to narrow down where the error is coming from (exlude step by step parts of your code), in my opinion its not a normal JQM behavior. The IPad itsself is running normal?

Anything in background which makes it slow or makes it wait? – zyrex Sep 21 '11 at 10:58 I tried stripping it down as much as possible, still same issue. I have an ipad1 and a ipad2 and both continue to have the same issue.

– John Sep 21 '11 at 15:04 Any luck? We have the same problem. – Crashalot Sep 21 '117 at 6:15.

I was facing the same problem. Disabling the fancy screen transitions fixed it for me. To do this universally: $.mobile.

DefaultPageTransition = 'none.

1 Performance was improved drastically with RC3. Upgrading Jquery Mobile will also help. – Charles Nov 17 '11 at 21:36.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.