我如何淡化前置？

Question

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

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

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

结果是一串html代码.

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

Answer 1

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

例如,您可以将resultHTML 包装在div带有类的标记中ResponseData.然后,在CSS中,您可以添加此规则:

div.ResponseData
{
    display: none;
}

现在,只要该数据被预先添加到该tweets区域,它就会被隐藏.然后,您的fadein呼叫将按预期工作.

你的Javascript看起来像这样:

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