AIR アプリケーションで、jQuery を使用して HTML 要素をアニメーション化したいと考えています。グローバル HTMLLoader でアニメーションを実行しようとすると、問題はありません。ただし、「セカンダリ」HTMLLoader (つまり、元のドキュメントによって開かれたもの) の要素をアニメーション化しようとすると問題が発生します。
アニメーションはスムーズではありません。マウスを動かしても「ステップ」するだけです。アニメーション化されたプロパティ ( top
、left
など) は引き続き更新されます。マウスを動かさない限り、表示されません。したがって、マウスを動かしていない場合、アニメーションは開始状態と終了状態の間の遷移を確認せずに完了します。
アニメーションの種類は重要ではないようです。コードを次のように簡略化しました。
var loader;
$(function() {
loader = new air.HTMLLoader();
loader.addEventListener(air.Event.COMPLETE, start);
window.htmlLoader.stage.addChild(loader);
loader.load(new air.URLRequest('sandbox2.html'));
});
function start() {
loader.width = loader.window.document.width;
loader.height = loader.window.document.height;
$('.task', loader.window.document).click(function() {
$(this).animate({ backgroundColor: '#c00' }, 1000);
});
}
同等の HTML/JS を Firefox と Safari の両方に読み込んでみましたが、問題ありませんでした。Mac OS X 10.5 を実行しています。
何か案は?ありがとう!