Что-то изменилось при обработке JavaScript в iPhone OS 3.0? Этот код работает в Safari 4 Public Beta и в iPod Touch 2.0, но не в iPod touch с iPhone OS 3.0. Цель состоит в том, чтобы немного сдвинуть блок вправо за 2 секунды, но в 3.0 он просто перескакивает в новое место без анимации или задержки.Медленная анимация с webkit-transform translate() в 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>
я могу обойти это, используя оставленный как свойство перехода, но это дает мне другой вид вопросов, когда я пытаюсь интегрировать это в мой проект (в основном я должен был бы объединить перетаскивая движение и анимированное движение и перетаскивание использует translate, а анимация left-property не очень приятная. Я не знаю, можно ли перетаскивать, используя left-property). Любая идея, что может быть неправильно в коде выше или это функция от iPhone OS 3.0 и далее?