JS library (avec drag n drop) compatible avec iOS et navigateurs réguliers

Est-ce que quelqu'un connaît un framework JS qui a des fonctionnalités de glisser-déposer et est compatible avec les navigateurs mobiles (iOS) et réguliers?

J'ai actuellement une application basée sur le Web et c'est un souci de faire fonctionner la fonctionnalité de Drag'n'drop sur iOS … J'aurais aimé qu'il y en fût un qui le ferait pour les deux …

Voici deux dans jQuery:

http://www.stevefenton.co.uk/cmsfiles/assets/File/mobiledragdrop.html

http://code.google.com/p/jquery-ui-for-ipad-and-iphone/

Il existe également le framework mobile jquery (qui n'a pas de glisser-déposer en natif): http://jquerymobile.com/

Je suis un grand fan de Sencha Touch .

Voici la démonstration de glisser-déposer – http://dev.sencha.com/deploy/touch/examples/dragdrop/ .

Note: Testé sur mon iPhone 4 dans Safari.

JQuery Mobile essaie de supporter une grande variété de plates – formes

Et voici quelques plugins spécifiques pour Drag and Drop

Essayez dojo. Cela fonctionne très bien et c'est une trousse à outils relativement mature. http://dojotoolkit.org/

Consultez SproutCore . C'est un cadre créé par d'anciens ingénieurs d'Apple et est utilisé par Apple dans les applications Web MobileMe et iCloud. Il possède SC.Drag qui fonctionne avec des événements souris et tactiles.

Interact.js est un module de javascript personnalisé et personnalisé. Il fonctionne sur iOS, Android, Chrome, Firefox, Opera et IE8 + avec un support pour l'interaction avec les éléments HTML et SVG . Quelque chose à noter à l'avance est qu'il incombe au développeur de répondre aux événements de glisser mais je pense que c'est une bonne chose.

Pour permettre à la page entière d'être affichée en faisant glisser, vous pouvez exécuter:

// make an Interactable of the document body element interact(document.body) // make a draggable of the Interactable .draggable({ // on(drag)move // could also have done interact(document.body).draggable(true).ondragmove = function... onmove: function (event) { x += event.dx; y += event.dy; // translate the document body by the change in pointer position document.body.style.translate = 'translate(' + x + 'px, ' + y + 'px)'; } }) 

Il est toujours en cours de développement et il existe de nombreuses fonctionnalités, mais l'API ne change rien de façon spectaculaire.

http://www.kendoui.com/ cela devrait fonctionner. A d'elle aussi, même si elle est encore dans Beta.

  • Zepto (le plus petit, iOS 4+, Android 2.2+, webOS 1.4.5+)
  • Jquery, jquerymobile, jqtouch
  • prototype
  • Sencha, senchatouch

Vous pouvez utiliser l'interface utilisateur jquery pour glisser-déposer et une bibliothèque supplémentaire qui mappe les événements tactiques sur leurs analogues d'événement de souris. Je pense que cela devrait résoudre votre problème:

https://github.com/yeco/jquery-ui-touch-punch

Pour ajouter des événements tactiles, incluez simplement le script jquery.ui.touch-punch.min.js après vos scripts jquery.ui.

DEMOS:

http://furf.com/exp/touch-punch/

Je ne sais pas si c'est exactement ce que vous cherchez, mais vous pouvez essayer PhoneGap ou peut-être XUI .

Si vous construisez des applications Web pour ios, vous devez essayer jquery mobile.

Salut, j'utilise ce plugin jquery: https://github.com/LuvDaSun/jdrag

Il fournit des événements de glisser

Laissez-moi savoir si vous trouvez des bugs, le code est tout nouveau!

Ceci est toujours en alpha: http://prettydiff.com/jsgui

Il est persistant même après avoir fermé ou actualisé votre navigateur et il fonctionnera dans n'importe quel navigateur moderne. En outre, ce n'est pas un cadre. Vous pouvez l'utiliser sans d'autres cadres et vous pouvez le personnaliser pour faire ce que vous voulez.