Javascript 如何在通过AJAX加载外部html时捕获事件

不是全职javascript开发人员。我正在通过AJAX/JSON将一些外部html作为字符串加载，然后将其放入DOM中

json将如下所示：

  {
    user_ids:[2,4,7],
    html:"<div class='show-fade-in' >here is text</div>"
   }

---

thx提供任何帮助

简单淡入

如果使用关键帧，则无需知道何时完成。 添加元素后，它会立即执行动画

div.myAjax{
 -webkit-animation:x 700ms ease;
 opacity:1;
}
@-webkit-keyframes x{
 0%{opacity:0;}
 100%{opacity:1;}
}
 /*add -webkit,-moz,-ms,-o for more support.*/

演示

---

如果你有任何问题，尽管问。。如果我误解了您的问题，请告诉我，我将重新中止代码。

在

.done（）

回调中不能执行此操作有什么原因吗？ajax调用完成后，将调用

.done（）

函数done@timpone,你的意思是，一旦文本被添加到

项目编辑
，你就想在文本中淡入淡出吗？@Gaby aka G.Petrioli我在上面的done语句中添加了fadeIn代码，我已经尝试过了，但没有成功。抱歉-我本来应该把它放在原始问题中。如果你有css规则，你的代码可以工作。
。显示淡入{opacity:0}
，因此附加它将被隐藏，代码将显示它。。thx，让我测试一下。这将比使用jQuery更简单，而bindingjquery是为ie6制作的。。是。+1，但也添加标准属性（不仅仅是特定于供应商的属性）以获得更好的支持；）每天都有很多东西出来。。我认为jquery无法忍受这种情况。ppl应该理解jquery不是一种语言。但是图书馆。这应该会有帮助。使用jquery atm会对性能产生很大影响，特别是如果您希望用户能够在移动设备上看到页面。。在这种情况下，jquery只是一个大问题。而且IE10现在已经标准化了。移动设备使用webkit。ios和android。我们在2014年。@Coco你在跟我说话吗？：）
div.myAjax{
 -webkit-animation:x 700ms ease;
 opacity:1;
}
@-webkit-keyframes x{
 0%{opacity:0;}
 100%{opacity:1;}
}
 /*add -webkit,-moz,-ms,-o for more support.*/