Je dois implémenter glisser et déposer pour Ipad.ipad faites glisser et déposez
J'ai essayé cette solution: http://www.gotproject.com/blog/post2.html
Mais depuis que je suis en utilisant JQuery moi-même, il est en conflit et ne fonctionne pas. Comment puis-je utiliser le glisser-déposer JQuery pour IPad?
Si vous n'utilisez pas l'interface utilisateur jQuery, utilisez la branche https://github.com/mikeangstadt/jquery-ui-touch-punch.git pour connecter les gestionnaires tactiles à l'aide de jQuery en activant les événements de souris déjà définis.
Fonctionne bien sur iOS6, n'a pas testé pour Android ou d'autres.
Apple a une section intitulée « Gestion des événements Multi-Touch » ici: https://developer.apple.com/library/content/documentation/EventHandling/Conceptual/EventHandlingiPhoneOS/multitouch_background/multitouch_background.html
Il est le guide officiel d'Apple sur la façon dont vous pouvez gérer presque tous vos événements tactiles avec les dispositifs de reconnaissance des commandes standard et geste dans UIKit.
Cela avait l'air décent.
travail:
Tout d'abord, l'utilisation jquery UI http://jqueryui.com/demos/ pour le glisser-déposer fonctionnalité
puis ajoutez ce script https://github.com/furf/jquery-ui-touch-punch pour elle jouer dans Ipad ou Iphone.
Espérons que ça aide.
Confirmé que le jquery-ui-touch-punch de furf fonctionne sur l'iPad.
Le faire fonctionner est aussi simple que d'inclure "jquery.ui.touch-punch.js" après avoir inclus jquery-ui et jquery lui-même. Par exemple:
HTML:
<head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<!-- touch capability for tablets/phones -->
<script type="text/javascript" src="js/jquery.ui.touch-punch.js"></script>
</head>
Javascript:
//
// assume that html_string is a valid string
// containing some element you want to be draggable
// which needs to be added to the DOM
//
function addItemToUIList (list, html_string) {
var item = $(list).append (html_string);
// now, using jqui and touch-punch, we can make it draggable
item.draggable();
}
maintenant "item" peuvent être glissés autour de l'écran sur l'iPad, ainsi que dans le chrome sur le bureau.
Je travaille sur un correctif à ce problème vérifier mon github: https://github.com/youryss/fixdragtablet
J'espère que cela fonctionne pour vous
grâce, exactement ce que je avais besoin. – cgTag
malheureusement, cela a désactivé la fonctionnalité de défilement si vous avez beaucoup d'éléments draggables ... – tmaximini