Mengapa Acara Klik jQuery Saya Gagal pada iOS, dan Bagaimana Saya Boleh Membetulkannya?

iOS jQuery Click Event Malfungsi

Isu yang Dihadapi pada iOS

Pengguna menghadapi masalah dengan klik peristiwa tidak berfungsi dengan betul pada peranti iOS semasa menggunakan jQuery. Ciri estetik tapak web kelihatan beroperasi dengan lancar pada penyemak imbas seperti Chrome dan Firefox tetapi tidak berfungsi pada platform iOS yang diuji pada iPhone 4 (iOS 6.1) dan iPad (iOS 4.3.5).

Percubaan Menyelesaikan Masalah

Andaian awal ialah iOS mempunyai masalah yang wujud dengan pemprosesan jQuery klik acara. Untuk menangani perkara ini, kaedah live() telah dicuba, seperti yang dicadangkan dalam perbincangan Stack Overflow. Walau bagaimanapun, pendekatan ini terbukti tidak berjaya.

Selain itu, projek penyelesaian alternatif (jQuery-tappable) telah dilaksanakan, tetapi ia juga gagal menyelesaikan isu tersebut.

Diagnostik dan Penyelesaian

Bertentangan dengan kepercayaan popular, transformasi 3D disokong pada iOS dengan awalan yang sesuai, sebagai disahkan oleh Caniuse.com.

Masalah asas terletak pada cara iOS mengendalikan peristiwa klik/sentuh berhubung dengan elemen yang ditambahkan selepas DOM telah dimuatkan.

Resolusi

Menggunakan pembetulan CSS berikut telah menyelesaikan isu ini dengan berkesan:

cursor: pointer;

Oleh melaksanakan peraturan CSS ini, kursor akan dipaparkan sebagai penunjuk apabila menuding pada elemen boleh klik, memastikan iOS mengenalinya dengan betul.

Atas ialah kandungan terperinci Mengapa Acara Klik jQuery Saya Gagal pada iOS, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!