jquery-ui sortable | How to get it work on iPad/touchdevices?

ipad jquery-ui scroll touch jquery-ui-sortable
eventhorizon picture eventhorizon · Jan 9, 2011 · Viewed 65.5k times · Source

How do I get the jQuery-UI sortable feature working on iPad and other touch devices?

http://jqueryui.com/demos/sortable/

I tried to using event.preventDefault();, event.cancelBubble=true;, and event.stopPropagation(); with the touchmove and the scroll events, but the result was that the page does not scroll any longer.

Any ideas?

Answer

eventhorizon picture eventhorizon · Jan 10, 2011

Found a solution (only tested with iPad until now!)!

http://touchpunch.furf.com/content.php?/sortable/default-functionality

Related questions

How can I make a jQuery UI 'draggable()' div draggable for touchscreen?

I have a jQuery UI draggable() that works in Firefox and Chrome. The user interface concept is basically click to create a "post-it" type item. Basically, I click or tap on div#everything (100% high and wide) that listens for clicks, …

Read More
Install .ipa to iPad with or without iTunes

I have the .ipa from PhoneGap build and I need to test it. I got provisioning profile from Developer account. So my question is: can I directly put my .ipa to iPad to install for testing, or do I have …

Read More
How can I recognize touch events using jQuery in Safari for iPad? Is it possible?

Is it possible to recognize touch events on the iPad's Safari browser using jQuery? I used mouseOver and mouseOut events in a web application. Are there any similar events for the iPad's Safari browser since there are no events like …

Read More