Na iPhonie lub w Androidzie, jeśli masz suwak JQuery, to nie działa (ekran dotykowy przesunie ekran zamiast przeciągnąć suwak).Jak utworzyć funkcję podobną do suwaka JQuery w aplikacji internetowej na iPhone'a/Androida?
Odpowiedz
Być może będziesz musiał napisać to od podstaw. Na szczęście @ppk zakodował przykład drag and drop for iPhone.
Posłuchaj touch events i odpowiednio przesuń suwak. Te wydarzenia działają również na Androidzie, ponieważ używa on także WebKit.
Znalazłem przykładowy kod online, który konwertuje zdarzenia dotykowe na zdarzenia myszy. Testowałem to za pomocą suwaka jquery-ui i działało ładnie!
Kiedyś to drut http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ suwak. Działa jak urok, po prostu pamiętaj, aby zastąpić kod, który działa przeciwko określonym elementom domowym. Następnie dodaj $ ("# sliderdiv"). AddTouch(). Działa na iPhone, ale nie działa na Androida. Zgodnie z quirksmode zdarzenia dotykowe nie działają na systemie Android.
Możesz to zrobić dla telefonów iPhone, Android i Windows za pośrednictwem jquery + javascript. Telefon Windows z IE ma jedną wadę, nie byłem w stanie go przyciągnąć do sekcji div.
Możesz użyć tej biblioteki http://touchpunch.furf.com/ Zapewnia to zdarzenia dotykowe dla wszystkich elementów jquery ui.
Co więcej, użyj JQuery Mobile. – Trent