アニメーション機能を実行しても何も起こりませんが、これを修正するにはどうすればよいですか？

Question

ここに私のコードのサンプルがありますが、アニメが完了したことをすぐに知ることができます。私を助けてください、私はパッケージをインポートする必要があります。それは働かない期間ですか？ちょうど終わりの値にジャンプするちょっと。

rectangle1 = new SMF.UI.Rectangle({ 
     left : "20%", 
     top : "10%", 
     width : "60%", 
     height : "20%", 
     fillColor : "#FF00FF" 
    }); 
page1.add(rectangle1); 
rectangle1.animate({ 
    property : 'top', 
    endValue : "30%", 
    motionEase : SMF.UI.MotionEase.BOUNCE, 
    duration : 3000, 
    onFinish : function() { 
     alert("Animate Completed"); 
    } 
}); 

Answer 1

pageshowイベントが発生した後にアニメーションを作成できます。たとえば ：

function page1_onShow() { 

    setTimeout(animate,100) 
} 

function animate() 
{ 
    rectangle1.animate({ 
     property : 'top', 
     endValue : "30%", 
     motionEase : SMF.UI.MotionEase.BOUNCE, 
     duration : 3000, 
     onFinish : function() { 
      alert("Animate Completed"); 
     } 
    }); 
}