jquery - 使用 jQuery.animate 在 Adob​​e AIR 中制作动画

Question

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

有什么想法吗？谢谢!

Answer 1

AIR 更像是 Safari 和 Chrome。 AIR使用Webkit，在Webkit版本上稍微落后于Safari和Chrome。你能看到它们是如何工作的吗？

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

另外，尝试缩小范围是否与颜色有关(虽然我无法想象是什么)。尝试一些像高度而不是颜色的东西。

另外，为什么必须使用 noconflict？您加载了另一个库吗？我不记得必须这样做。