jQuery Plugin For Draggable HTML Elements - Udraggable

File Size: 16.9 KB
Views Total: 1532
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Plugin For Draggable HTML Elements - Udraggable

Udraggable is a jQuery plugin that provides an API similar to jQuery UI's draggable but with support for unified mouse and touch events. The plugin allows to make any html elements draggable by mouse or touch events based on Michael S. Mikowski's jquery.event.ue unified event plugin.

Basic Usage:

1. Include jQuery javascript library and jQuery Udraggable Plugin on the web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.udraggable.js"></script>

2. Include jquery.event.ue script for unified event support

<script type="text/javascript" src="jquery.event.ue.js"></script>

3. Create an html element

<div id="drag"></div>

4. Make it draggable. Check the document page for full options and public methods.


Change logs:


  • add normalisePosition override option

v0.3.0 (2014-01-23)

  • new methods: destroy, disable, enable
  • throw an exception if unsupported method called

v0.2.0 (2013-09-06)

  • "parent" containment now refers to positioning parent - offsetParent()
  • element position now normalised to top & left if right or bottom
  • redraws now synced via requestAnimationFrame
  • new "getStartPosition" and "positionElement" options
  • new "handle" option

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