Wymagane są dwa kliknięcia, gdy tylko jeden powinien być potrzebny na iPadzie/iPhonie

Question

Pracuję na stronie, która ma obsługiwać zarówno urządzenia mobilne, jak i stacjonarne. Korzystam z usługi jquery-address plugin, aby utworzyć galerię obrazów, w której można używać tagów haszujących, aby uzyskać możliwość łączenia w sieci.

Ale zauważam problem w symulatorze ipad z iOS5 i iphone 5, gdzie muszę kliknąć kategorię w galerii obrazów dwa razy w galerii obrazów, aby wydarzenie zadziałało prawidłowo. Działa dobrze na chrome/safari/firefox na OSX za pomocą jednego kliknięcia.

Do tej pory widziałem to tylko na iPhone/iPad. Wszelkie pomysły na temat tego, dlaczego przeglądarki na komputery działają dobrze za jednym kliknięciem, ale iOS na iPadzie/telefonie potrzebujesz dwóch? Brak mi tutaj. Nie mogę stwierdzić, czy problem dotyczy mojego znacznika/javascript lub niejasnego błędu w jquery-address/safari na iPadzie/iPhonie.

Answer 1

Jestem całkiem pewien, że to ze względu na znaczniki i posiadające stan najechania na .gallery-kategorii:

.gallery-category:hover { 
    color: white; 
    cursor: pointer; 
} 

iOS nie obsługuje: hover w normalny sposób, ponieważ nie ma sposobu, aby wykryć stan zawisu bez myszy. Zwykle sortuje się na prostych stanach: hover, ale domyślam się, że twój znacznik jest nieco skomplikowany (a na rodzicu występuje stan: hover) powoduje to jego uszkodzenie.

myślę, że jeśli zastąpi powyższy fragment pracować na

.gallery-category a:hover {... 

będzie go naprawić (nie próbowałem go na kodzie chociaż)