Im iPhone oder Android, wenn Sie einen JQuery Slider haben, funktioniert es nicht (Touchscreen bewegt den Bildschirm, anstatt den Schieberegler zu ziehen.)Wie erstelle ich eine JQuery Slider-ähnliche Funktion in der iPhone/Android Web App?
Antwort
Sie müssen dies von Grund auf neu schreiben. Zum Glück hat @ppk ein Beispiel für drag and drop for iPhone codiert.
Achten Sie auf touch events und verschieben Sie den Schieberegler entsprechend. Diese Ereignisse funktionieren auch unter Android, da auch WebKit verwendet wird.
Ich habe online einen Beispielcode gefunden, der Berührungsereignisse in Mausereignisse umwandelt. Ich habe das mit jquery-ui's Slider getestet und es hat gut funktioniert!
benutzte ich dieses http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ der Schieber verkabeln. Funktioniert wie ein Zauber, ersetzen Sie nur den Code, der gegen bestimmte Domelemente wirkt. Fügen Sie dann $ ('# siderdiv') hinzu. AddTouch(). Funktioniert auf IPhone, funktioniert aber nicht für Android. Laut der quirksmode Touch-Ereignisse funktionieren nicht auf Android.
Sie können dies für iPhone, Android und Windows-Handys über jquery + javascript tun. Windows Phone mit IE hat einen Fehler, ich konnte es nicht zu div Sektionen schnappen.
Sie können diese Bibliothek verwenden http://touchpunch.furf.com/ Dies bietet Touch-Ereignisse für alle jquery UI-Elemente.
Besser noch, verwenden Sie JQuery Mobile. – Trent