onClick non funziona su cellulare (touch)

Ok, quello che sto cercando di fare è far scorrere un div down quando l’utente fa clic su un elemento della lista.

Il problema è che sto usando Selectric https://github.com/lcdsantos/jQuery-Selectric che converte una casella di selezione in una lista non ordinata. Quindi, quando l’utente fa clic su a cui la sorgente emette una voce di elenco, voglio che div divenga verso il basso.

Su Safari mobile (iOS7) l’interfaccia utente della selectbox è uguale all’interfaccia utente standard della selectbox.

Qual è la migliore pratica quando si tratta di onClick per dispositivi mobili?

Jquery di base:

$(window).load(function() { $('.List li').click(function() { $('.Div').slideDown('500'); }); }); 

Puoi vedere un esempio di lavoro QUI (Ricerca avanzata nella barra laterale)

Grazie.

meglio usare touchstart evento touchstart con .on() metodo jQuery:

 $(window).load(function() { // better to use $(document).ready(function(){ $('.List li').on('click touchstart', function() { $('.Div').slideDown('500'); }); }); 

E non capisco perché stai usando il metodo $(window).load() perché aspetta che tutto su una pagina venga caricato, questo tende ad essere lento, mentre puoi usare il metodo $(document).ready() che non aspetta prima che ogni elemento della pagina venga caricato per primo.

puoi usare al posto del clic:

 $('#whatever').on('touchstart click', function(){ /* do something... */ });