Przeciągnij i upuść na Safari iOS: Nie przeciągaj, nie reaguj na zrzut na komputerze stacjonarnym/iPadzie

Question

Koduję stronę internetową do wyświetlania na iPadzie. Korzysta z Safari/Webkits przeciągnij spadek o &. Dokładnie skopiowałem przykładowy kod błędu przeglądarki Safari, ale nie działa.

Mój problem: ondrop zdarzenie nigdy nie jest uruchamiany po uruchomieniu strony internetowej (HTML, CSS, JavaScript &) na pulpicie lub na Safari Safari na iPadzie. Na iPadzie nie mogę nawet przeciągnąć elementów (mikroskop pojawia się w postaci &, ale nie przeciąga, gdy przytrzymam & przesuwając palcem po elemencie). Przeciąganie działa jednak na pulpicie.

Co poszło nie tak?

Niewielki przykładowy kod znajduje się na samym dole tej strony: http://developer.apple.com/library/safari/#documentation/appleapplications/Conceptual/SafariJSProgTopics/Tasks/DragAndDrop.html

Oto JSFiddle (pamiętaj przeciągnij & kropla Webkit tak tylko dla Safari-ta strona jest dla iPad tylko) : http://jsfiddle.net/eyM3y/

Answer 1

Czy czytałeś na górze strony, z którą łączyłeś się w dokumentacji Apple? Jest napisane:

Uwaga: ta technologia jest obsługiwana tylko w komputerowych wersjach Safari. W przypadku systemu iOS należy użyć DOM Touch, opisanego w rozdziale Obsługa zdarzeń (część przewodnika po treściach WWW w Safari) i dodatku Safari DOM Additions.

DOM Touch link

Safari DOM Additions link

wierzę, może chcesz słuchać na touchmove i touchend zdarzeń zamiast na przeciągnij i upuść. :)

Answer 2

alternatywa robocza:

Po pierwsze, wykorzystanie jQuery UI http://jqueryui.com/demos/ dla przeciągnij i upuść

a następnie dodać ten skrypt https://github.com/furf/jquery-ui-touch-punch do odtwarzania go w iPad lub iPhone.

Mam nadzieję, że to pomaga.

Answer 3

Miałem podobny problem z jednym z moich projektów, ale można go rozwiązać, korzystając z następującego samouczka: http://popdevelop.com/2010/08/touching-the-web/. To działa dla mnie Mam nadzieję, że ci się spodoba.