Se requieren dos clics cuando solo se necesita uno en el iPad/iPhone

Question

Estoy trabajando en un sitio que se supone que es compatible con dispositivos móviles y de escritorio. Estoy usando jquery-address plugin para hacer una galería de imágenes que puede usar etiquetas hash para ser enlazables de manera profunda.

Pero estoy notando un problema en el simulador de ipad con iOS5 y iphone 5 donde tengo que hacer clic en una categoría dentro de la galería de imágenes dos veces en la galería de imágenes para que el evento funcione correctamente. Funciona bien en Chrome/Safari/Firefox en OSX con un solo clic.

Hasta ahora solo he visto esto en iphone/ipad. ¿Alguna idea sobre por qué los navegadores de escritorio funcionan bien con un solo clic, pero iOS en el iPad/iPhone necesita dos? Estoy perdido aquí. No puedo decir si el problema es con mi marcado/javascript o un error oscuro en jquery-address/safari en iPad/iPhone.

Answer 1

Estoy bastante seguro de que esto es debido a su margen de beneficio y tener un estado estacionario en .gallery-categoría:

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

iOS no soporta: flotar en el modo normal, porque no hay manera de detectar un estado de vuelo sin un mouse. Por lo general, se arregla en uno de los siguientes estados: hover, pero supongo que porque tu marcado es un poco complicado (y hay un: estado de desplazamiento en el elemento principal) está causando que se rompa.

creo que si se reemplaza el fragmento anterior para trabajar en

.gallery-category a:hover {... 

que lo arreglará (no he probado en su código sin embargo)