jQuery fadeIn()

Question

当淡入淡出时间一到，fadeIn()的不透明度就从0%变为100%，这意味着什么？

我得到了这个：

function ThreadPost(post, appendToElementId) {

    if (post != null) {
        $("#" + appendToElementId).append("<ol id='" + post.Id + "'></ol>");
        $("#" + post.Id).hide().html(PostHtml(post)).fadeIn(5000);
    }
}

PostHtml()返回一个"<li>....</li>“。

当页面加载时，<ol>是隐藏的。然后，5秒后，<ol>突然出现。不会发生淡入淡出。使用Chrome。

Answer 1

我遇到过各种奇怪的问题，jQuery fadeIn()和show()只是突然出现，而不是动画。看看这样做效果是否更好：

$("#" + post.Id).css({opacity: 0.0}).html(PostHtml(post)).animate({opacity: 1.0}, 5000);

Answer 2

你能试着把hide()拿出来让我知道它是做什么的吗？或者在设置html后将hide()移动到？不管怎样，fadeIn方法应该会自动隐藏它，但是值得一试。

另外，您能否提供有关PostHtml方法作用的更多信息？这可能是因为它定义了让事情变得奇怪的风格。

Answer 3

我同意@Damovisa的观点，我们可以通过知道PostHtml方法做什么来做-如果它做了一个Ajax调用，那么它可能会在fadeIn超时后完成，因此淡出效果看起来不起作用。