jQuery Drag&Drop plugins

Os dejamos dos plugins jQuery para poder realizar la acción de Drag&Drop (arrastrar y dejar) en vuestras aplicaciones o web.

Tutorial jquery
Tutorial jquery

En concreto, os vamos a dejar uno de sencillo y otro, mucho más completo que puede hacer muchas más acciones. Vamos por el plugin más sencillo:

Draggabilly

Permite arrastra solo en determinados ejes, arrastrar objeto y sus hijos, tratamiento de eventos… Vamos, las acciones básicas que puedes necesitar a la hora de hacer un Drag&Drop de algún objeto en la web

Echad un vistazo al enlace de GitHub que tendréis todo el código, y además algunos ejemplos para verlo en acción.

Interact.js

Un plugin mucho más completo que permite multitud de acciones: arrastrar por snap (cada x posiciones como si estuvieras en una rejilla), hacer que objetos se puedan cambiar de tamaños si te posicionas en las esquinas, tratamiento de ficheros SVG, mover los puntos de alguno de los objetos (poder mover alguno de los puntos que forman una estrella)…

Visitad la web y veréis todos las acciones que os hemos comentado en acción.

Espero que estas dos recomendaciones en forma de plugins de jQuery para hacer Drag&Drop os sean de utilidad en alguno de vuestros proyectos.


Más información