jQuery UI touch events working on IPad / iPhone / iPod? - iphone

I was working on a protoype using jquery UI resizabel plugin, but I noticed that it doesnt work on the iPad.
Might it be a problem with the touch/click event?
I worked previously with a sliders plugin and they were pretty good on that device so I beleive it is do-able and I wonder how can fix the resizable pluing to make it work on the iPAd too..
Thanks

Another option is http://touchpunch.furf.com/
jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library.

i found myself this
http://code.google.com/p/jquery-ui-for-ipad-and-iphone/

Related

jQuery Mobile with PhoneGap on iPhone - Panels move across in sections

Using jQuery mobile panel animations with PhoneGap, on the iPhone, the animation appears to happen in sections. Either the top half moves first and then the second half, or items with text move at a different time to everything else. Works fine on Android.
Anyone come across this before?
Thanks
We resolved this by using xCode to build the iPhone version rather than using PhoneGap. Looks like a PhoneGap issue.

jQuery plugin, similar to iphone app page sliding animation

I am looking for a jquery plugin that navigates to other pages of a website using a sliding animation similar to some iphone apps. I tried designing this on my own but I could not get it to work.
Here is an example of what I need:
(on pressing the button)
Did you have a look at JQuery Mobile? It mimics a lot of the iPhone animations, and it will run on non-mobile browsers as well as mobile browsers. For instance, http://jquerymobile.com/demos/1.1.1/docs/pages/page-transitions.html has a "Slide" transition that you can demo.
You could try sencha touch, never used it personally but appears to do what you want.
Demo: http://dev.sencha.com/deploy/touch/examples/production/kitchensink/#menu/animations
Download: http://www.sencha.com/products/touch/
There's also JQtouch a quick google will find that (as I cant post the link because of low reputation)

What springboard type UI components is this app using?

What sort of springboard like UI component is this application using?
http://quickbinsapp.com/
It is very similar to the generic iphone springboard / home screen app launcher except this is an application that uses draggable contacts. I'd like to build something similar except instead of contacts have my own custom objects that are draggable around the screen but managed on a grid similar to the springboard / home screen and like in this app?
What should I be reading up on or looking at? I haven't found anything in the SDK yet. Does it have be custom built?
If what you want is springboard-like functionality, the AQGridView code includes an example that's halfway there to what you'd need, and you don't have to pull in all of Three20 to use it. (Three20 projects and UIKit projects don't like to coexist typically.)
Not sure what they're using, but the Three20 project has a springboard-like component

vertical scroll bar get disable and bounce back in iphone simulator using phone-gap

I am developing phonegap app in iphone,after successfully viewing pdf file
(from server) on new HTML page,the vertical scrollbar get disable ,even i get back to the
list page ,the list does not get scroll,this happen only if i run the app directly in
simulator (not from xcode),any one know ,how to resolve this issue.
thanks in advance.
regards,
mayur
To display pdf in phonegap, have lots of trouble, but best solution so far,is to used ChildBrowser Plugin for phonegap here is the link-
https://github.com/purplecabbage/phonegap-plugins/tree/master/iPhone/ChildBrowser
this will help you to call child native uiwebview in your application(only for iphone), so you can easily enjoy pinch zoom feature, even the app scrollbar does not get disable,
it works fine!

JQTouch support for IPhone

I am building a website which provides support on Iphone also. I am using JQTouch jquery library(www.jqtouch.com) which provides multi-touch functionality like swipe, flip, back page.
It would be great to hear from you guys on how to extend zoom-in and zoom-out functionality for photos. Does JQTouch provide any readymade function for the same. Also I would like to hear more on the touch screen functionality that I could use more in my application.
Thanks in advance!
The JQTouch library specifically disables resizing the viewport, so you would not be able to use this for zooming in on photos. See this post which talks about performance, but also mentions that they disable the viewport resizing: http://blog.jqtouch.com/post/205113875/milliseconds-responsiveness-and-the-fast-tap
Normally this effect is achieved by using css techniques or a plugin like this.
You show a small version of an image and on mouse over and move, show a portion of a blown up version.
Here's a good jQTouch extension and demo for pinch, zoom, rotate and very flexible too: http://www.reddit.com/r/iphone/comments/bhkx3/jqtouch_gestures_extension_multitouch_events_and/
Basically you get to combine these events however you want.