jQuery淡化不动画动画

Question

我正在使用jQuery fade on .hover隐藏一个元素，并让它重新出现在mouseexit上，但当我运行.fadeOut（）方法时，无论我输入的持续时间，还是我将其保留为默认值，等待持续时间然后（dis）立即出现，而不是在持续时间内缓慢淡出/进入。我正在使用最新版本的chrome。还有其他人遇到过这个吗？

$(document).ready(function(){
    $(".navbutton").hover(
        function() {
            $('span.linktext, span.linkdropcap').fadeOut();
        },
        function() {
            $('span.linktext, span.linkdropcap').fadeIn();
        }
    );
});

其他浏览器给我的行为完全相同。

请参阅此jsFiddle：http://jsfiddle.net/TXrDk/

Answer 1

从你想要淡化的元素中取出它，它工作正常。例如：jsfiddle

transition:.5s ease-in-out;