我如何淡化前置？

Question

假设我使用JQuery进行ajax调用，结果以HTML格式返回。

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

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

结果是一段html代码。

这很有效。然而，它只是出现。我想让它淡出（400）。我怎样才能让它淡入？

Answer 1

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

例如，您可以将result HTML打包到div标记中，并使用类ResponseData。然后，在CSS中，您可以添加此规则：

div.ResponseData
{
    display: none;
}

现在，只要该数据被预先添加到tweets区域，它就会被隐藏。然后，您的fadein来电将按预期运行。

您的Javascript看起来像这样：

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