Sono necessari due clic quando ne è necessario uno solo su iPad/iPhone

Question

Sto lavorando a un sito che supporterà sia dispositivi mobili che desktop. Sto usando jquery-address plugin per creare una galleria di immagini che possa utilizzare i tag hash per essere linkabili profondi.

Ma sto notando un problema nel simulatore di ipad con iOS5 e iphone 5 in cui devo fare clic su una categoria all'interno della galleria di immagini due volte nella galleria di immagini per far funzionare correttamente l'evento. Funziona bene su chrome/safari/firefox su OSX con un clic.

Finora l'ho visto solo su iphone/ipad. Qualche idea sul perché i browser desktop funzionano bene con un clic, ma iOS su ipad/iphone ne ha due? Sono in perdita qui. Non posso dire se il problema è con il mio markup/javascript o un bug oscuro in jquery-address/safari su iPad/iPhone.

Answer 1

Sono abbastanza sicuro che questo è dovuto al vostro markup e avere uno stato hover su .gallery-categoria:

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

iOS non supporta: librarsi nel modo normale, perché non c'è modo di rilevare uno stato hover senza mouse. Solitamente si classifica su uno stato: hover, ma sto indovinando perché il tuo markup è un po 'complicato (e c'è un: hover state sul genitore) sta causando la sua rottura.

penso che se si sostituisce il frammento di codice per lavorare su

.gallery-category a:hover {... 

sarà risolvere il problema (non l'ho provato sul vostro codice però)