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

Question

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

就像是：

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

这样的事情存在吗？

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

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

score 0 · Accepted Answer

您所要做的就是使用适当的功能对其进行动画处理，例如：

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

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

score -1 · Accepted Answer

当通过 Ajax 加载内容时，我们需要绑定事件以使其工作，或者我们可以使用 jQuery 的 live/on 方法，这将根据我们的需要将事件绑定到父/文档。

这两种技术中的任何一种，即加载内容时的绑定或使用 live/on 都应该导致事件被触发。

例如：插入内容后，我们可以按照Lrdwhyt在上述答案中的建议进行操作。或者我们在加载之前绑定元素

$("#non-existing-elem").live("click",function(){
     $(this).animate({right:'10'});
})

2 回答 2