Press "Enter" to skip to content

Extension for Draggable Functionality On Desktop & Mobile | jQuery.dragmove

dragmove lightweight jQuery extension to enable drag functionality on DOM elements without the need for a jQuery UI library. Compatible with trackpads, touch devices, and standard computer mice.

jquery drag and drop example, jquery drag and drop multiple div example, jquery drag and drop in specific area, jquery drag and drop div order, drag and drop div using jquery demo

Browser Support

– Google Chrome
– Safari ( Desktop and Mobile )
– Internet Explorer ( 8, 9, 10+ )
– Firefox

Vue.js Plugin for Drag and Drop Functionality | dnd-zone

How to make use of it:

1. Load the jQuery library and jQuery dragmove plugin.

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

2. Connect to the plugin where you wish to implement the drag and 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;
} 

Touch-compatible jQuery Drad and Drop, jQuery.dragmove Plugin/Github


See Demo And Download

Official Website(nathco): Click Here

This superior jQuery/javascript plugin is developed by nathco. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.