Question

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

json将如下所示：

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

我想通过动画效果给用户一些反馈，这样他们就会注意到它而不是只是出现它可能会让它们错过它。我想使用与此类似的技术：http://jsfiddle.net/SO_AMK/a9dnW/3/链接到via https://stackoverflow.com/a/11681331/152825。我的问题是如何捕获加载外部json并放入DOM的事件，以便我们可以在元素'show-fade-in'中启动动画。

我将通过以下内容添加html：

这样：

$.get('/arc/external-info',function(){},'json'
).done(function(r){
   $('#item-editing').append(r.html);
    // EDIT #1 this doesn't word
    $( ".show-fade-in" ).fadeIn( "slow", function() {
      alert('fade-in complete');
    });

})

thx任何帮助

Answer 1

简单淡入

如果您使用关键帧，则无需知道何时完成。一旦附加元素，它就会执行动画

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.*/

<强>样本

http://jsfiddle.net/rU9yN/

如果您有任何问题，请问..如果我误解了您的问题，请告诉我，以便我重新编写代码。

如何通过AJAX加载外部html上的事件

1 个答案: