Drag & Drop su Safari iOS: non trascina, non risponderà a drop su desktop/iPad

Question

Sto codificando una pagina web per essere visualizzata su iPad. Usa Safaris/Webkits trascina la goccia &. Ho copiato esattamente il codice di esempio Drag drag & ma non funzionerà.

mio problema: L'evento OnDrop non è mai attivato quando si esegue la pagina web (HTML, CSS & Javascript) su Safari desktop o su Safari su un iPad. Su ipad non riesco nemmeno a trascinare gli elementi (il microscopio appare & non si trascina quando tengo lo & muovere il dito sull'elemento). Il trascinamento funziona sul desktop però.

Cosa sta andando male?

Il piccolo esempio di codice può essere trovato nella parte inferiore di questa pagina: http://developer.apple.com/library/safari/#documentation/appleapplications/Conceptual/SafariJSProgTopics/Tasks/DragAndDrop.html

Ecco la JSFiddle (ricordate il trascinamento & goccia è Webkit così solo per Safari-il sito è per iPad solo) : http://jsfiddle.net/eyM3y/

Answer 1

Hai letto la parte superiore della pagina a cui sei collegato nella documentazione Apple? Dice:

Nota: questa tecnologia è supportata solo sulle versioni desktop di Safari. Per iOS, usa DOM Touch, descritto in Gestione degli eventi (parte di Safari Web Content Guide) e Safari DOM Riferimenti alle aggiunte.

DOM Touch link

Safari DOM Additions link

credo si consiglia di ascoltare per gli eventi TouchMove e touchend invece che sulla drag and su goccia. :)

Answer 2

alternativa di lavoro:

In primo luogo, l'uso jQuery UI http://jqueryui.com/demos/ per funzionalità Drag & Drop

e quindi aggiungere questo script https://github.com/furf/jquery-ui-touch-punch per giocare in Ipad o Iphone.

Spero che aiuti.

Answer 3

Ho avuto un problema simile con uno dei miei progetti ma può essere risolto seguendo il tutorial: http://popdevelop.com/2010/08/touching-the-web/. Funziona per me, spero che ti piacerà.