javascript - 为页面加载时不存在的内容设置动画

Question

Ajax 设置一个场景，然后 jQuery 播放它。该元素在页面加载之前不存在。我需要一种方法来对动态添加到页面的内容进行动画处理。

类似于:

$(document).on("animate", "div", function (){});

有这样的东西吗？

好吧，似乎有些困惑，我正在使用 queue() 这不是创建它或在我获得 ajax 返回后做某事的问题。在 Ajax 之后，程序构建并将具有特定 ID 的 img 插入到页面中。我需要重新加载 dom 或其他东西，以便我可以为插入到页面中的对象设置动画。

我已经在 J​​Sfiddle 上测试了动画，它们工作正常，所以我唯一的假设是，因为这些对象不是初始 dom 的一部分，所以它们不会动画，因此我需要重新加载 DOM。

Answer 1

您所要做的就是使用适当的函数对其进行动画处理，例如:

$("#nonexistent-element").animate({
  right: '10%'
});

一旦#nonexistent-element 存在，它就会动画化，无论它是否在页面加载时存在。只有当您想将事件绑定(bind)到页面加载时不存在的元素时，才需要使用 on()。

工作 jsfiddle:http://jsfiddle.net/emFpw/26/