Warum schlagen meine jQuery-Klickereignisse unter iOS fehl und wie kann ich sie beheben?

iOS jQuery Click Event-Fehlfunktionen

Probleme unter iOS

Benutzer stoßen auf Schwierigkeiten mit Klickereignisse funktionieren auf iOS-Geräten bei Verwendung von jQuery nicht ordnungsgemäß. Die ästhetischen Funktionen der Website scheinen in Browsern wie Chrome und Firefox reibungslos zu funktionieren, funktionieren jedoch auf iOS-Plattformen nicht, die auf iPhone 4 (iOS 6.1) und iPad (iOS 4.3.5) getestet wurden.

Versuche zur Fehlerbehebung

Die ursprüngliche Annahme war, dass iOS inhärente Probleme mit der Verarbeitung von jQuery-Klickereignissen hatte. Um dieses Problem zu beheben, wurde die Methode live() ausprobiert, wie in den Diskussionen zum Stapelüberlauf vorgeschlagen. Dieser Ansatz erwies sich jedoch als erfolglos.

Zusätzlich wurde ein alternatives Workaround-Projekt (jQuery-tappable) implementiert, das das Problem jedoch ebenfalls nicht beheben konnte.

Diagnose und Lösung

Entgegen der landläufigen Meinung werden 3D-Transformationen auf iOS mit entsprechenden Präfixen unterstützt, wie von bestätigt Caniuse.com.

Das zugrunde liegende Problem liegt darin, wie iOS Klick-/Berührungsereignisse in Bezug auf Elemente verarbeitet, die nach dem Laden des DOM hinzugefügt wurden.

Lösung

Durch die Anwendung des folgenden CSS-Fixes wurde das Problem effektiv behoben:

cursor: pointer;

Durch die Implementierung dieser CSS-Regel wird der Cursor als angezeigt Mauszeiger, wenn Sie mit der Maus über anklickbare Elemente fahren, um sicherzustellen, dass iOS sie richtig erkennt.

Das obige ist der detaillierte Inhalt vonWarum schlagen meine jQuery-Klickereignisse unter iOS fehl und wie kann ich sie beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!