使用jQuery.animate在Adobe AIR中进行动画

在我的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.

有任何想法吗？谢谢!

AIR更像是Safari和Chrome.AIR使用Webkit,它在Webkit版本中落后于Safari和Chrome.你能看出那些有用吗？

我在AIR中使用过jQuery,但我认为我没有在AIR中使用过animate方法.

此外,尝试缩小它是否是关于颜色的东西(虽然我无法想象是什么).尝试高度而不是颜色.

另外,你为什么要使用noconflict？你有另一个图书馆加载？我不记得要那样做了.