HTML5 Drag & Swap - A Simple Drag & Replace jQuery/Zepto Plugin
HTML5 Drag & Swap - A Simple Drag & Replace jQuery/Zepto Plugin
Join the DZone community and get the full member experience.
Join For FreeHave you seen our HERE Twitch channel to livestream our Developer Waypoints series?
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
Developer Waypoints is a live coding series from HERE, which will teach you how to build with maps and location data.
Like This Article? Read More From DZone
Published at DZone with permission of Hirvesh Munogee , DZone MVB. See the original article here.
Opinions expressed by DZone contributors are their own.
{{ parent.title || parent.header.title}}
{{ parent.tldr }}
{{ parent.linkDescription }}
{{ parent.urlSource.name }}