Pourquoi mes événements de clic jQuery échouent-ils sur iOS et comment puis-je les corriger ?

Dysfonctionnements de l'événement de clic iOS jQuery

Problèmes rencontrés sur iOS

Les utilisateurs rencontrent des difficultés avec les événements de clic ne fonctionnent pas correctement sur les appareils iOS lors de l'utilisation de jQuery. Les fonctionnalités esthétiques du site Web semblent fonctionner de manière transparente sur les navigateurs tels que Chrome et Firefox, mais fonctionnent mal sur les plates-formes iOS testées sur iPhone 4 (iOS 6.1) et iPad (iOS 4.3.5).

Tentatives de dépannage

L'hypothèse initiale était qu'iOS avait des problèmes inhérents au traitement des événements de clic jQuery. Pour résoudre ce problème, la méthode live() a été tentée, comme suggéré dans les discussions sur Stack Overflow. Cependant, cette approche s'est avérée infructueuse.

De plus, un projet de solution de contournement alternatif (jQuery-tappable) a été mis en œuvre, mais il n'a pas non plus réussi à résoudre le problème.

Diagnostics et solution

Contrairement à la croyance populaire, les transformations 3D sont prises en charge sur iOS avec les préfixes appropriés, comme le confirme Caniuse.com.

Le problème sous-jacent réside dans la façon dont iOS gère les événements de clic/toucher par rapport aux éléments ajoutés après le chargement du DOM.

Résolution

L'application du correctif CSS suivant a effectivement résolu le problème :

cursor: pointer;

En implémentant cette règle CSS, le curseur s'affichera sous la forme d'un pointeur lorsque vous survolez des éléments cliquables, garantissant ainsi qu'iOS les reconnaît correctement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!