I made this to show some strange UX behavior in jQuery Mobile 1.0RC1 that really bothers me. Loading sequences and page transitions are buggy and disorienting. Sencha Touch on the other hand is very snappy and fluid. One major difference is that Sencha is preloading nested list menus up front rather than grabbing them with AJAX. I like the AJAX loading option in jQuery Mobile, but when I tap an item in a list the loading message needs to appear instantly and stay on the screen until the new content has transitioned in. Right now the loading message goes away and the screen scrolls up to the top of the old page before the new page animates in. This is confusing. Also, touching the screen during the loading and transition sequence should not break the animation.
After fighting it with many things (e.g JQuery mobile still cant do a persistent footer bar unless you want it to flicker on and off / spaz out and reposition etc as you scroll the page), I switched to Sencha Touch where it does that and a whole lot more (carousel gallery, many kinds of panel configurations etc) with incredible ease out of the box. The code is easy (no more hacking about trying to get what you wanted to happen), and the end result is smooth and native app-like.
jamiekin 2 months ago
I was developing with JQuery Mobile (final release) with Phonegap and just got frustrated with so many issues it had. One for example is when I'm putting a back button on a page with 'data-rel="back"' to return to the previous page - clicking it will go to the top of the current page, flip to the previous page, then drop down to the link I had pressed previously. Like your example, it's just not a really elegant way of doing things.
jamiekin 2 months ago