Question

我有这个代码，它除了fadeIn过渡之外还能找到它。

$("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

Answer 2

看起来似乎并没有隐藏div.fullViewContainer - 它是空的，但不是隐藏的。因此，当您向其添加新图像时，即使在调用“fadeIn”命令之前，它也会立即可见。

jquery中的.load（）和.fadeIn

2 个答案: