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;