Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

HTML5 Drag & Swap - A Simple Drag & Replace jQuery/Zepto Plugin

DZone's Guide to

HTML5 Drag & Swap - A Simple Drag & Replace jQuery/Zepto Plugin

· Web Dev Zone ·
Free Resource

Bugsnag monitors application stability, so you can make data-driven decisions on whether you should be building new features, or fixing bugs. Learn more.

HTML5 Drag & Swap is a simple lightweight Zepto plugin which allows you to implement a drag and replace interface for elements.

A drag and replace interface allows you to easily swap around elements in a list with each element replacing each other.

The HTML5 Drag & Swap plugin is built using the native HTML5 drag and drop API with drop animations using CSS3. It supports both list elements and grid ones.


Browser Support

IE 7+, Firefox 16+, Chrome 23+, Safari 5.1+ and, Opera 12.1+.

Requirements: jQuery or Zepto
Demo:http:/ / james2doyle. github. com/ zepto-dragswap/
License: MIT License

Monitor application stability with Bugsnag to decide if your engineering team should be building new features on your roadmap or fixing bugs to stabilize your application.Try it free.

Topics:

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}