如何淡入淡出？

Question

假设我使用JQuery来执行ajax调用，并且结果以HTML返回。

我想将此结果添加到我目前的页面。

$("#tweets").prepend(result); 

结果是HTML代码的字符串。

This Works。但是，它刚刚出现。我希望它淡入（400）。我怎样才能让它淡入？

Answer 1

默认情况下隐藏HTML。如果你告诉浏览器淡入一个已经显示的元素，它将什么也不做（这是你正在经历的）。

例如，您可以将result HTML包装在div标记中，类别ResponseData。然后，在CSS，你可以添加以下规则：

div.ResponseData 
{ 
    display: none; 
} 

现在，只要该数据被前置到tweets区域，它会被隐藏。然后，您的fadein调用将按需要工作。

你的JavaScript将是这个样子：

$("#tweets").prepend(result); 
$("div.ResponseData").fadeIn();