jquery - jquery 中的 .load() 和 .fadeIn

Question

我有这段代码，除了淡入过渡之外，它可以工作。

$("div.thumbnailsContainer").fadeOut("500",function(){            
        $("div.fullViewContainer").empty();
        $('<img />')
        .attr('src', imgPathLarge)
        .load(function(){               
            $("div.fullViewContainer").append( $(this) );
            $("div.fullViewContainer").fadeIn("1000");
        });   
    });    

问题是，图像完全加载后，fadeIn 过渡将无法正常工作，它只会在加载后出现，但没有过渡..

我的代码可能有什么问题？

我需要设置 setTimeout 来延迟图像加载后的转换吗？

Answer 1

尝试先隐藏图像，然后在 load() 处理程序中调用 fadeIn。

参见:jquery: fade in image after image