title: jQuery draggables and multi-touch
body: <p>I've been developing an HTML 5 game on my MacBook using Safari. It uses jQuery and jQuery UI and heavily depends on draggables and droppables.</p>
  
  <p>It works well on the desktop.</p>
  
  <p>I got it to a point where I felt it was solid and decided it was finally time to take a look at it on a touch device so pointed my iPad at my local server and...<em>slaps forehead</em>...that's right...jQuery UI isn't touch enabled! D'oh!</p>
  
  <p>A quick google, however, turned up this great script: <a href="http://touchpunch.furf.com/" rel="nofollow">http://touchpunch.furf.com/</a></p>
  
  <p>This was an incredibly easy fix. It translates touch events into mouse events so you can keep on using jQuery UI as-is. This works wonderfully. </p>
  
  <p>Except...I can only drag one item at a time. Dragging one draggable is fine, but once I trigger a second touch event on the device, it kills the first. Eventually I wanted to enable the ability to drag multiple items at once. </p>
  
  <p>Is there a solution here with my current set of tools, or did I just take a seriously wrong turn way back at using jQuery UI and jQuery draggables by default? If I did take a wrong turn, is there a better way to go about this with jQuery? Does jQuery mobile support multi-touch draggables? </p>
  
  <p>UPDATE:</p>
  
  <p>After doing a bit more research, including Omar's link, I wonder if I'm after the wrong thing. I don't need multi-touch gestures (pinch, rotate, multi-finger swipe, etc.) but rather I just need to be able to trigger two draggables. </p>
  
  <p>It appears that Mobile Safari fires some event on a second touch if one is already active and that event is 'telling' the first draggable to stop. </p>
  
  <p>I wonder if there's an workaround short of full multi-touch gesture support. </p>