我如何淡入淡出？

Question

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

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

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

结果是一串html代码。

这行得通。然而，它只是出现。我希望它淡入（400）。我怎样才能让它淡入？

Answer 1

默认隐藏 HTML。如果您告诉浏览器淡入已显示的元素，它将什么都不做（这就是您所遇到的）。

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

div.ResponseData
{
    display: none;
}

现在，只要该数据被添加到 tweets 区域，它就会被隐藏。然后，您的fadein 呼叫将按需要工作。

你的 Javascript 看起来像这样：

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