Touch-compatible jQuery Drad and Drop Plugin - Dragmove

File Size: 2.97 KB
Views Total: 1151
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Touch-compatible jQuery Drad and Drop Plugin - Dragmove

Dragmove is a jQuery plugin that allows you to drag and move any DOM elements with either the mouse or touch events.

How to use it:

1. Load jQuery library and the jQuery dragmove plugin in the head section of the web page.

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="jQuery.dragmove.js"></script>

2. Call the plugin on where you wish to apply the drag & drop functionality.

$('.demo').dragmove();

3. Optionally, you can add a CSS3 transition effect to the DOM element while dragging.

.demo {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
} 

This awesome jQuery plugin is developed by nathco. For more Advanced Usages, please check the demo page or visit the official website.