¿Cómo vincular un evento de clic en iOS?

Estoy "simplemente" tratando de vincular un evento de clic a un <button> y hacer que funcione para Desktop (Chrome, FF, …), Android e iOS.

Probé muchas cosas como este cursor: pointer que parecía ser el más fácil y efectivo, pero no funcionó.

También probé un onclick='' o onclick='void(0)' en el elemento HTML, un truco que he visto que ni siquiera recuerdo dónde …

Intenté con bibliotecas externas como FastClick para eliminar a 300 ms de espera después de un clic … No funciona

Y no más posibilidades con Pointer Events Polyfill y enlace con pointerup

Me he quedado sin ideas …

Mi HTML:

 <div class="col-md-12"> <button type="button" onclick='' id="begin" class="btn andro btn-danger btnlg"> <img src="img/icon.png" height="50px"> GO <img src="img/icon.png" height="50px"> </button> </div> 

Mi JS:

  $(document).on('touchstart', '#begin', function() { // do things }); 

Intenté, por supuesto, vincular touchstart (incluso touchend !) En lugar de click y aún no funciona en iphones …

El problema es que no tengo un iPhone para probar mis cosas, así que tengo que confiar en algunos amigos que tienen un dispositivo iOS … ¿Tengo que cambiar mi código … o cambiar a mis amigos? ^^

Así que … Después de muchas búsquedas e bashs, como eliminar bibliotecas uno por uno y comentar partes del código …

Pude encontrar lo que estaba jugando con el clic … Fue porque mis enlaces estaban encapsulados en un:

 $( document ).ready(function() { // My bindings here }); 

y parece que a iOS no le gusta esto …

Simplemente vincule su clic de la function list y funciona … ¡Espero que pueda ayudar a alguien!

    Intereting Posts