jqtouch

I've almost finished a hybrid site and theres one issue I cant resolve (many due to the deliberate lack of documention on the now Sencha library). I have a binded event on the swipe, left and right, proper animations, its just when I swipe quickly, or I swipe - the page starts to transition (slide) - whilest transisitoning I swipe again. I throws jQtouch and results in a black page. $('div.touch').swipe(function(event, info){ switch(info.direction){ case 'left': jQT.goTo('#test', 'slide'); break; I'm thinking 'pageAnimationEnd' will probably be the event I need to use and tie in somehow. But

I'm developing an app that loads a form from another website into an iFrame. The iFrame is set to 100% width and height while displayed. That website has JQTouch. When I touch an input field in iOS 7 on the iPhone, the keyboard pops up and covers the input fields. It doesn't scroll, resize, or even let me scroll down to see the input field. If I type and then close the keyboard, nothing happens. I've tried everything I've come across. Adding/removing height=device-height in the meta viewport tag didn't do anything. The thing that came closest to a solution was adding the preference

I am using jqtouch to make a touch-optimized site. For iOS, I bind "tap" to the click listener, but this doesn't register in Android. I tried using touchend, which works, but it then overrides any sort of dragging (click on items when all a user is trying to do is scroll). What would I bind it to for Android? Here's my code: var userAgent = navigator.userAgent.toLowerCase(); var isiPhone = (userAgent.indexOf('iphone') != -1 || userAgent.indexOf('ipad') != -1 || userAgent.indexOf('ipod') != -1) ? true : false; var isAndroid = (userAgent.indexOf('android') != -1) ? true : false; clickEvent =

I'm reposting someone else's question I found on Google groups, I'm having a similar problem: I have an application that requires everything to be in Portrait, except for when it plays a video. On iOS, when video playback is passed to the Quicktime player, I want the video to be able to be played in Landscape mode. Currently the video only plays in Portrait, since it seems to inherit the portrait - only from the phonegap application. My solution may be to change the Phonegap.plist to Auto rotate, but then I'd want to be able to use javascript to catch for rotation changes and prevent them in

I'm making a mobile website with jQtouch and iScroll. I wan't to get multiple scrollable areas with iScroll, but only of the lists works with iScroll... I tried with this: var scroll1, scroll2; function loaded() { scroll1 = new iScroll('wrapper'); scroll2 = new iScroll('list_wrapper'); } But without luck. Anyone have a solution that's working? My html: <div id="wrapper"> <ul> <li><a href="#">Test</a></li> </ul> </div> <div id="list_wrapper"> <ul> <li><a href="#">Test</a></li> </ul> </div> I'm using this approach. Html: <div class="carousel" id="alt-indie"> <div class="scroller"> <ul> <li></li>

I want to use jQTouch on my project, but I can't find many examples. So do you know some website which has many jQTouch examples. Thanks I work for sencha who funds jqtouch development. Here are the best getting started materials that people have said are useful. If you're looking for cut and paste jqtouch code then, you can look at the directory of applications on the Google Code Group If you're looking for introductory training materials, you should look at the following resources: Jonathan Stark (ex-maintainer) youtube tutorial Peepcode's intro tutorial (awesome tutorials) The Google code