javascript – 如何淡化前置？

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

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

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

结果是一串HTML代码.

这有效.然而,它只是出现.我想让它淡出(400).如何让它淡入？

解决方法:

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

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

div.ResponseData
{
    display: none;
}

现在,只要数据被预先添加到推文区域,它就会被隐藏.然后,您的fadein调用将按预期工作.

你的Javascript看起来像这样：

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