Head

[ Article ] dans jQuery, le [ 18/12/2012 ]

Content

jQuery UI Draggable c’est bien, mais ce n’est pas compatible mobile/tablette,
et je dois toujours ajouter du code pour passer l’élément cliqué au premier plan (par exemple là).

 

jQuery easyDrag

va mon loin que jQuery UI, mais il est plus facile à paramétrer et mieux adapté à une utilisation courante.
Et c’est mon premier plugin jQuery sérieux, et sans doute pas le dernier :)

[iframe src= »http://www.gildasp.fr/exp/easydrag/iframe.html » width= »100% » height= »370″]

jQuery easyDrag, c’est un plugin :

10 fois plus léger que jQuery UI draggable !
– entièrement compatible tablette/mobile grâce aux Touch Events
– qui affiche un curseur explicite au survol des éléments draggables

et tout ça en une seule instruction Javascript, sans rien spécifier de particulier.

En option, comme avec jQuery UI Draggable, il est aussi possible de :

– contraindre le déplacement horizontalement ou verticalement
– contraindre le déplacement à l’intérieur d’une div
– spécifier une poignée de déplacement (un petit bout du grand bout qu’on déplace)
– de spécifier une fonction lors des événements du drag : start (mousedown) / drag (mousemove) / stop (mouseup)

Plus d’infos sur la page de démo.

 

Testé et approuvé sur Firefox, Safari, Opera, Chrome, IE 10, 9, 8, 7, 6, tablette Android, et iPhone.

Enjoy !