News for hackers. Stuff that matters.
Re:JQuery Mobile 1.0.1 Released by untog on Friday January 27, 2012 @11:14AM (#3518771)
I'm using jQuery Mobile in an app I'm making and I mostly like it. But there's a delay in switching between pages that I just can't track down- all of my pages are local so it's not an AJAX issue. I'm poking through the source code to try and track down the source of the problem, but unless I can find a fix it's going to be the dealbreaker that makes me switch to something else.

A shame, because other than this slowness it's a great platform.

Re:JQuery Mobile 1.0.1 Released by fiznool on Friday January 27, 2012 @12:26PM (#3519102)
What you are experiencing might be down to the browser waiting for a double tap when you tap on links and buttons. Google produced an article on implementing fast buttons which describes this phenomenon: http://code.google.com/mobile/articles/fast_buttons.html

From the article:

' ... mobile browsers will wait approximately 300ms from the time that you tap the button to fire the click event. The reason for this is that the browser is waiting to see if you are actually performing a double tap. For most buttons we are developing we know that there is no double click behavior that we want to handle, so waiting this long to start acting on the click is time wasted for users. '

The article goes on to discuss how to mitigate against this problem. jQuery Mobile's solution is to use virtual events to listen for touch events rather than mouse clicks. Try listening for vmouseup instead of vclick, this could solve the issue. See http://jquerymobile.com/demos/1.0.1/docs/pages/page-scriptin... for more details.

Re:JQuery Mobile 1.0.1 Released by untog on Friday January 27, 2012 @12:45PM (#3519203)
It isn't that- I've looked into it myself.

The delay seems to occur somewhere between the pagebeforeshow and pageshow events- so by that point the click action is definitely already registered. But there must be some function call that slows the whole thing down, interestingly, it doesn't on the iPhone simulator, so presumably it's relatively CPU intensive.

Re:JQuery Mobile 1.0.1 Released by speg on Friday January 27, 2012 @11:48AM (#3518923)
Glad to hear I'm not the only one. I was stoked to see 1.0 was out, but after doing just the simple quick start I was disappointed with the lag between popups/transitions.

Let me know if you find a fix!

Re:JQuery Mobile 1.0.1 Released by monsterix on Friday January 27, 2012 @12:16PM (#3519041)
I second that @speg. My disappointment went beyond slow transitions though.

One instance, for example, was in having "fixed" header/footer on the web-app. The rendition of fixed elements would fade-out and fade-in again once user stopped scrolling. This really felt naive and I decided to do that part myself instead.

Obviously, now the situation has improved that we have property 'fixed' acknowledged on the iPad Safari. Will give 1.1 a look again, thanks to this heads-up!

Re:JQuery Mobile 1.0.1 Released by untog on Friday January 27, 2012 @12:19PM (#3519060)
I was surprised by the lack of fixed headers/footers, too. They say it's coming, but in the mean time you can use iScroll without any side-effects:

http://cubiq.org/iscroll-4

And, as you say, use the 'fixed' CSS in newer Safari versions that support it.

Re:JQuery Mobile 1.0.1 Released by monsterix on Friday January 27, 2012 @03:01PM (#3519886)
Well, they say it's done by taking "advantage of native scrolling":

http://jquerymobile.com/test/docs/toolbars/bars-fixed.html

And there obviously is improvement over the previous version, in that, earlier there was some flickering of fixed elements on desktop view-port.

I stand corrected, and appreciate the effort jQuery team.

Re:JQuery Mobile 1.0.1 Released by someguy235 on Wednesday February 08, 2012 @11:05AM (#3567018)
I had a similar problem. I know you said that this isn't an AJAX issue, but have you tried using data-ajax="false" in your <a> tags? jQuery mobile uses AJAX for page loads, even on local pages, in order to implement transition effects.

http://jquerymobile.com/demos/1.0.1/docs/pages/page-links.ht...