Javascript jQuery fadeIn()

Javascript jQuery fadeIn(),javascript,jquery,fadein,Javascript,Jquery,Fadein,如果淡入淡出时间一到,fadeIn()的不透明度就从0%变为100%,这意味着什么 我有这个: function ThreadPost(post, appendToElementId) { if (post != null) { $("#" + appendToElementId).append("<ol id='" + post.Id + "'></ol>"); $("#" + post.Id).hide().html(Post

如果淡入淡出时间一到,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);
    }
}
函数ThreadPost(post,appendToElementId){
如果(post!=null){
$(“#”+appendToElementId)。追加(“”);
$(“#”+post.Id).hide().html(PostHtml(post)).fadeIn(5000);
}
}
PostHtml()返回一个“

  • 加载页面时,
    将隐藏。然后,5秒钟后,
    突然出现。不会发生褪色。使用Chrome。

    您能试着取出
    隐藏()
    并告诉我它的功能吗?或者在设置html后将
    hide()
    移动到?fadeIn方法应该自动隐藏它,但值得一试


    另外,您能否提供有关
    PostHtml
    方法的更多信息?可能是因为它定义的样式使事情表现得异常。

    你能试着取出
    隐藏()
    并告诉我它的作用吗?或者在设置html后将
    hide()
    移动到?fadeIn方法应该自动隐藏它,但值得一试


    另外,您能否提供有关
    PostHtml
    方法的更多信息?这可能是因为它定义的样式使事情表现得很奇怪。

    我同意@Damovisa的观点,我们可以了解PostHtml方法的功能-如果它执行Ajax调用,那么它可能在fadeIn超时过期后完成,因此,淡入淡出效果似乎不起作用。

    我同意@Damovisa的观点,我们可以了解PostHtml方法的作用-如果它执行Ajax调用,那么它可能在fadeIn超时过期后完成,因此淡入淡出效果似乎不起作用。

    尝试硬编码PostHtml(post)作为测试。请参见以下内容:

    function ThreadPost(post, appendToElementId) {
    
        if (post != null) {
            $("#" + appendToElementId).append("<ol id='" + post.Id + "'></ol>");
            $("#" + post.Id).hide().html("<li>test</li>").fadeIn(5000);
        }
    }
    
    函数ThreadPost(post,appendToElementId){
    如果(post!=null){
    $(“#”+appendToElementId)。追加(“”);
    $(“#”+post.Id).hide().html(“
  • test
  • ”).fadeIn(5000); } }
    如果硬编码的
  • ,则您知道是PostHtml(post)导致了您的问题。当我硬编码时,淡入淡出效果与IE、FF和Chrome中预期的一样。

    尝试将PostHtml(post)硬编码为
  • 测试。
  • 。请参阅以下内容:

    function ThreadPost(post, appendToElementId) {
    
        if (post != null) {
            $("#" + appendToElementId).append("<ol id='" + post.Id + "'></ol>");
            $("#" + post.Id).hide().html("<li>test</li>").fadeIn(5000);
        }
    }
    
    函数ThreadPost(post,appendToElementId){
    如果(post!=null){
    $(“#”+appendToElementId)。追加(“”);
    $(“#”+post.Id).hide().html(“
  • test
  • ”).fadeIn(5000); } }

    如果这适用于硬编码的
  • ,那么您就知道是PostHtml(post)导致了您的问题。当我硬编码时,淡入淡出效果与IE、FF和Chrome中的预期一样。

    我在jQuery fadeIn()和show()中遇到了各种奇怪的问题,只是突然出现而不是动画。看看这是否效果更好:

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

    我在jQuery fadeIn()和show()中遇到了各种奇怪的问题,只是突然出现而不是设置动画。看看这是否更有效:

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

    您是否在fadeIn()之前尝试调用show():

    函数ThreadPost(post,appendToElementId){
    如果(post!=null){
    $(“#”+appendToElementId)。追加(“”);
    $(“#”+post.Id).hide().html(PostHtml(post)).show().fadeIn(5000);
    }
    }
    
    或者干脆把皮去掉():

    函数ThreadPost(post,appendToElementId){
    如果(post!=null){
    $(“#”+appendToElementId)。追加(“”);
    $(“#”+post.Id).html(PostHtml(post)).fadeIn(5000);
    }
    }
    
    您是否在fadeIn()之前尝试调用show():

    函数ThreadPost(post,appendToElementId){
    如果(post!=null){
    $(“#”+appendToElementId)。追加(“”);
    $(“#”+post.Id).hide().html(PostHtml(post)).show().fadeIn(5000);
    }
    }
    
    或者干脆把皮去掉():

    函数ThreadPost(post,appendToElementId){
    如果(post!=null){
    $(“#”+appendToElementId)。追加(“”);
    $(“#”+post.Id).html(PostHtml(post)).fadeIn(5000);
    }
    }
    
    从何处启动上述函数?它是否在文档中。准备好了吗?我只能说它在FF、IE和Chrome中对我有效。从何处启动上述函数?它是否在文档中。准备好了吗?我只能说它在FF、IE和Chrome中对我有效。我粘贴了这段精确的代码,并且
  • 测试隐藏到5秒恩,它突然出现了。这就是你所期望的,对吗?那么,如果你现在用PostHtml(post)替换硬编码的
  • ,它是否不再像您预期的那样淡入?我粘贴了这段代码,并且
  • 测试一直隐藏到5秒后突然出现。这就是您预期的,对吗?那么,如果您现在用PostHtml(post)替换硬编码的
  • ,它是否不再像您预期的那样淡入?