javascript - jQuery淡入淡出动画不流畅

Question

我在 .hover 上使用 jQuery fade 来隐藏一个元素，并让它在 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;