JavaScript haga clic en eventos que no funcionan en Samsung Galaxy SIII en Android 4.0.4 navegador predeterminado

Tengo el problema más extraño con el navegador por defecto del Samsung Galaxy SIII en Android 4.0.4:

Con la siguiente página, al hacer clic en los vínculos no se activarán los controladores de JavaScript. Eliminar una sola letra "a" del contenido de una de las divs hace que funcionen de nuevo …

Aquí hay una captura de pantalla de la consola JS:

Introduzca aquí la descripción de la imagen

He abierto un informe de error de Android , si tiene el mismo problema, por favor star, gracias.

¡Gracias de antemano por su ayuda!

<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { alert('attaching click handlers'); $("#red").click(function(e) { alert('red clicked'); $("body").css("background-color", "#CC0000"); }); $("#green").click(function(e) { alert('green clicked'); $("body").css("background-color", "#00CC00"); }); $("#blue").click(function(e) { alert('blue clicked'); $("body").css("background-color", "#0000CC"); }); }); </script> </head> <body> <div> <p> <a id="red" href="#">CHANGE TO RED</a> </p> <p> <a id="green" href="#">CHANGE TO GREEN</a> </p> <p> <a id="blue" href="#">CHANGE TO BLUE</a> </p> </div> <p>Removing one of the a's in the content below will make the JS click events work (ie trigger background color change), and so will changing the 'page' class or id into something else</p> <div class="page" id="page"> <div>aaaaaaaaaaaaaaaaaaa</div> <ul> <li> <div>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> </li> </ul> </div> </body> </html> 

En realidad hay al menos una solución fácil: cambiar el id del DIV para no contener la subcadena de la página …

Es más una solución que una solución, pero ¿qué más se puede hacer si el navegador tiene una personalización de buggy?

Acabo de tener un problema similar en un Samsung Galaxy. Encontró este hilo. Cambiando de:

 span id="page" 

a:

 span id="pgNow" 

¡arreglado!

Algo así funcionará, también:

 <a href='http://www.google.de' ontouchstart='window.location = this.href'>foo</a>" 
  • Eventos de clics no registrados
  • Mostrar una imagen desde url externa usando phonegap / jquery para android
  • Jquery enmascarado problema de entrada v1.4 con Samsung dispositivo Android
  • Jquery móvil - valor de visualización en teléfonos android
  • Forzar la ocultación de la barra de direcciones en Chrome en Android
  • JQuery panel móvil no se cierra completamente sólo en el navegador de Android
  • Phonegap, jQuery Mobile, Android, barra de herramientas no fija después de una entrada de texto
  • Jquery ajax llamada dentro de Phonegap a RESTful API
  • JQTouch ya no es compatible con Android?
  • Entrada de archivo HTML en Chrome para Android falta extensión y tipo mime
  • Touchmove y vmousover no funcionan en una aplicación Android de Cordova / PhoneGap
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.