CODEWITHSUNDEEP
jqueryipadhtmljquery-uidrag-and-drop
Adnan Hussein
Adnan Hussein

Reputation: 261

Implementing Drag Drop in Web application that works on iDevices and all other desktop browsers also

I have a webapp that will also be run on the browsers of iDevices. The webpage consists of 4 portlets. I need to implement a functionality where the portlets can be dragged and dropped.What are the events that i need to capture since they should work on all the iDevices. Should i be implementing this by jquery or with HTML5 elements. I came accross some plugins like redplugin which helps me do a swap animation but it fails to work on iPads Safari browser. Here is what i mean, http://interface.eyecon.ro/demos/sort_floats.html

Upvotes: 2

Views: 356

Answers (2)

Jorge Loureiro
Jorge Loureiro

Reputation: 458

Take a look in this plugin/hack for jQuery UI:

jQuery.touchPunch

He add the touch support to jQuery UI mouse events like Drag&Drop.

Upvotes: 0

Gil Zumbrunnen
Gil Zumbrunnen

Reputation: 1062

Since you are using jQuery UI you can try jQuery UI Touch Punch (http://touchpunch.furf.com/)

It works like a charm for the most "classic" use of jQuery UI, including all drags.

Upvotes: 1

Related Questions