jQuery UI Support on the iPhone
Hi all,
I've came up with a solution to allow most of the UI widgets that
depend on mouse events to work on the iPhone. It's a variation of a
script that Ross Boucher (http://rossboucher.com/2008/08/19/iphone-
touch-events-in-javascript/) started, but meant for use with jQuery.
I have set up a demo of what works and doesn't work (yet). I figured
you guys might like to check it out!
It's a little temperamental, but it's a start. I've noticed that on an
actual iPhone/Touch it's slow with animating and dragging, but on the
Simulator, it works great.
demo: http://jasonkuhn.net/mobile/jqui/
plugin: http://jasonkuhn.net/mobile/jqui/js/jquery.iphoneui.js
all you need to do is call .addTouch() on whatever element you want to
use touch events to simulate the mouse events.
ex: $('.drag').draggable({helper: 'clone'}).addTouch();
Maybe this will be helpful for some iPhone specific UIs...
Any input or feedback or improvements would be great!
Enjoy!
Jason