javascript - 我如何淡入前置？

Question

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

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

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

result是一串html代码。

这行得通。然而，它只是出现。我想让它淡入(400)。我怎样才能让它淡入？

Answer 1

默认隐藏 HTML。如果你告诉浏览器淡入一个已经显示的元素，它什么都不做(这就是你正在经历的)。

例如，您可以将 result HTML 包装在一个 div 标签中，其中包含 ResponseData 类。然后，在 CSS 中，您可以添加此规则:

div.ResponseData
{
    display: none;
}

现在，只要将该数据添加到 tweets 区域中，它就会被隐藏。然后，您的 fadein 调用将按预期工作。

你的 Javascript 看起来像这样:

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