Los eventos de clic de JavaScript no funcionan en el Samsung Galaxy SIII en el navegador predeterminado de Android 4.0.4
Tengo el problema más extraño con el navegador predeterminado del Samsung Galaxy SIII en Android 4.0.4:
Con la siguiente página, hacer clic en los enlaces no activará los controladores de JavaScript. Al eliminar una sola letra 'a' del contenido, uno de los divs hace que vuelvan a funcionar ...
Aquí hay una captura de pantalla de la consola JS:
Abrí uninforme de error de Android, si tienes el mismo problema por favor, empieza, 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 (i.e. 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>