jQuery中的.load()和.fadeIn()方法

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过渡效果无法正常工作，它只会在加载后出现，但没有过渡效果。

我的代码有什么问题？

我需要在图像加载后延迟过渡效果吗？

- Vincent Dagpin

---

这可能不是解决方案，但您应该删除fadeIn和fadeOut时间周围的引号。即：使用fadeIn（1000）而不是fadeIn（“1000”）。 - JoshMock

Answer 1

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

参见：jquery:淡入图像之后的图像

- Nathan Taylor

---

你应该发布解决方案或接受现有的答案。 :) - Nathan Taylor

Answer 2

看起来 div.fullViewContainer 从未被隐藏过——它是空的，但并没有被隐藏。因此，当您将新图像附加到其中时，它会立即可见，甚至在调用“fadeIn”命令之前。

- Jacob Mattison