enabling drag and drop on a touchscreen mobile device

jquery android browser mobile mobile-phones
danwoods picture danwoods · Jan 9, 2010 · Viewed 34.3k times · Source

I just recently got an android phone and found that the drag and drop on my site doesn't work! I understand why it wouldn't, but has anyone found a solution to this? I'm using JQuery to implement the D & D...

Answer

Jonathan Tonge picture Jonathan Tonge · Oct 2, 2012

I used jQuery UI touch punch - it works by hacking the mousedown, mouseup features and replaces them with touchstart, touchend etc.

ABOUT: http://touchpunch.furf.com/

SCRIPT: https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.min.js

CODE:

include:

<script src="jquery.ui.touch-punch.min.js"></script>

after your jquery UI script file in your header.

Related questions

jQuery on iPhone/Android/BlackBerry

I don't have any of the devices to test at the moment. I guess I'll start using the emulators later on. We're looking to offer mobile support. I was wondering how jQuery or even javascript renders in their respective browsers. …

Read More
Detecting touch screen devices with Javascript

In Javascript/jQuery, how can I detect if the client device has a mouse? I've got a site that slides up a little info panel when the user hovers their mouse over an item. I'm using jQuery.hoverIntent to detect …

Read More
Detect Android phone via Javascript / jQuery

How would i detect that the device in use is an Android for a mobile website? I need to apply certain css attributes to the Android platform. Thanks

Read More