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

Question

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.

Basica

Answer 1

After wasting many hours, I came across this!

jquery-ui-touch-punch

It translates tap events as click events. Remember to load the script after jquery.

I got this working on the iPad and iPhone

$('#movable').draggable({containment: "parent"});