onClick funktioniert nicht auf Handy (Touch)

Question

Ok, was ich versuche zu tun ist ein div nach unten schieben, wenn der Benutzer ein Listenelement klickt.

Problem ist, ich verwende Selectric https://github.com/lcdsantos/jQuery-Selectric, die eine Select-Box in eine ungeordnete Liste konvertiert. Wenn also der Benutzer auf ein Element klickt, das von der Quelle als Listenelement ausgegeben wird, sollte ein Div nach unten verschoben werden.

Auf mobilen Safari (iOS7) ist die Selectbox UI die gleiche wie die Standard-Selectbox UI.

Was ist die beste Vorgehensweise, wenn es um OnClick für mobile Geräte geht?

Grund jquery:

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

können Sie sehen, ein funktionsfähiges Beispiel HERE (erweiterte Suche auf der Seite bar)

Dank.

Answer 1

besser touchstart Ereignis mit .on() jQuery-Methode zu verwenden:

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

---

Und ich verstehe nicht, warum Sie $(window).load() Methode verwenden, weil es für alles, was auf einer Seite wartet geladen werden, neigen dazu, diese langsam sein, während Sie $(document).ready() Methode verwenden können, die nicht auf jedes Element auf der Seite wartet zuerst geladen werden.

Answer 2

können Sie statt Klick verwenden:

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