Ajax加载更多淡入淡出效果

Question

我试图对加载更多功能进行淡入淡出效果。

.done(function(response) {
   $('.content').append(response).hide().prependTo(".content").fadeIn("slow");
   offset += limit;
});

我在内容div中加载我的帖子。第一次单击“加载更多”时，它会生成淡入淡出效果。当我按下第二次时它会产生效果，但对整个.content。 我的问题是如何划分每个负载更多的内容？

<div class='content'>
  <div class='first-load'>
    // with fade in effect
  </div>
  <div class='second-load'>
    // only this div with fade in effect not the whole .content
  </div>
  ... etc
</div>

Answer 1

您的代码有点奇怪。我认为你实际上想要的是这个：

.done(function(response) {
   $(response).appendTo(".content").hide().fadeIn("slow");
   offset += limit;
});

示例：

http://jsfiddle.net/0r0uv6rw/