में वेबकिट-ट्रांसफॉर्म अनुवाद() के साथ धीमी एनीमेशन आईफोन ओएस 3.0 में जावास्क्रिप्ट हैंडलिंग में कुछ बदल गया है? यह कोड सफारी 4 पब्लिक बीटा और आईपॉड टच 2.0 में काम करता है, लेकिन आईफोन ओएस 3.0 के साथ आईपॉड टच में नहीं। इसका उद्देश्य बॉक्स को थोड़ा सा दाएं 2 सेकंड में ले जाना है, लेकिन 3.0 में यह एनीमेशन या देरी के बिना नए स्थान पर कूदता है।आईफोन ओएस 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>
मैं इस के आसपास संक्रमण संपत्ति के रूप में छोड़ दिया का प्रयोग करके चलते सकता है, लेकिन है कि मुझे मुद्दों जब मैं अपने प्रोजेक्ट को यह एकीकृत करने के लिए कोशिश कर रहा हूँ अन्य प्रकार दिया जा रहा है (मूल रूप से मैं आंदोलन खींच गठबंधन करने के लिए आवश्यकता होगी और एनिमेटेड मूवमेंट और ड्रैगिंग अनुवाद का उपयोग करता है और एनीमेशन बाएं-प्रॉपर्टी जो अच्छा नहीं है। मुझे नहीं पता कि ड्रैगिंग को बाएं-प्रॉपर्टी का उपयोग करके कार्यान्वित किया जा सकता है)। किसी भी विचार से उपरोक्त कोड में क्या गलत हो सकता है या यह आईफोन ओएस 3.0 के बाद से एक विशेषता है?