title: jQuery Drag and Drop on touch devices (iPad, Android)
body: <p>We have a card game website that makes extensive use of jQuery Draggable &amp; Droppable and which has worked nearly flawlessly (when using a mouse) for almost a year.</p>
  
  <p>We would REALLY like to have the site work on touch screen devices, but we cannot seem to get jQuery's drag and especially drop functionality to work reliably.</p>
  
  <p>Dragging works "ok" unless the div being dragged is inside another dom element with any kind of offset, margin, padding, etc. If it is, the dragged element is also offset from the user's finger by a similar amount. May not sound like a big deal, but it makes the interface unusuable.</p>
  
  <p>Dropping just doesn't seem to work.</p>
  
  <p>We've researched various options presented here on SO (will try to update this post with links to some of them if I can), but none work for us.</p>
  
  <p>We've also researched jQuery Mobile but this is still in alpha and even so seems to be more of a framework for making a site emulate the UI of a phone vs what we're looking for.</p>
  
  <p>Most of the SO and Google posts on this topic seem to trail off in late 2010 which makes me think there is an obvious answer that maybe we're just missing.</p>
  
  <p>BTW, the functionality we're looking for is clearly technically possible because the YUI libraries for drag and drop work as expected. Unfortunatly, we can't justtify refactoring the site to switch from jQuery to YUI.</p>
  
  <p>Anyone out there have any ideas? We would settle for a answer that supports only iPad, but it really needs to not require we refactor the existing site.</p>
  
  <p>Thanks!</p>