javascript - 我如何淡入一个前置？

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

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

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

结果 是一串 html 代码。

这有效。然而，它只是出现。我希望它淡入淡出(400)。我怎样才能让它淡入淡出？

最佳答案

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

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

div.ResponseData
{
    display: none;
}

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

你的 Javascript 看起来像这样:

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

关于javascript - 我如何淡入一个前置？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7789607/