¿Ha cambiado algo en el manejo de JavaScript en iPhone OS 3.0? Este código funciona en Safari 4 Public Beta y en iPod Touch 2.0, pero no en iPod touch con iPhone OS 3.0. El objetivo es mover la caja un poco hacia la derecha en 2 segundos, pero en 3.0 simplemente salta a la nueva ubicación sin animación o demora.Animación lenta con webkit-transform translate() en iPhone OS 3.0
<html>
<head>
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<title>iPhone JS testing</title>
<style type="text/css">
.box{
position: absolute;
width: 150px;
height: 150px;
background-color: red;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 2.0s;
}
.move{
-webkit-transform: translateX(100px);
}
</style>
<script src="jquery-1.3.2.min.js" type="application/x-javascript"></script>
</head>
<body>
<script type="text/javascript">
$(function() {
$(".box").click(function(){
$(this).addClass("move");
});
});
</script>
<div class="box"></div>
</body>
</html>
puedo ir por ahí esto usando la izquierda como la propiedad de transición, pero eso es darme otro tipo de problemas cuando estoy tratando de integrar esto a mi proyecto (básicamente, que había necesidad de combinar el movimiento y arrastrar el movimiento animado y los usos de arrastre se traducen y la animación deja la propiedad que no es agradable. No sé si el arrastre se puede implementar usando la propiedad izquierda). ¿Alguna idea de lo que podría estar mal en el código anterior o es esta una característica de iPhone OS 3.0 en adelante?