jQuery fadeIn() 和 fadeOut() 在 Chrome 中不起作用

Question

我有一个用作幻灯片的功能；图像以正确的间隔变化，但没有淡入淡出动画:

function changePic() {
    if (n == pics.length) {
        pics = shuffleArray(pics);
        n = 0;
    }
    var pic = "media/" + pics[n];
    if (pic === "media/dave.png") {
        dave();
    }
    $("#dinner").fadeOut("slow",function(){
        $("#dinner").attr("src",pic);
        $("#dinner").fadeIn("slow",function(){
            setTimeout(changePic,slideDuration);
        });
    });
    n++;
}

Answer 1

我在 Chrome 和 IE10 中都遇到了 fadeOut 问题，但在 Firefox 30 中没有。问题显然是由于 float:left - 我删除了它，问题就消失了。不太理想，但根据 jQuery bug 跟踪器，它的优先级太低，无法修复。

http://bugs.jquery.com/ticket/7978