jquery - .fadeTo ('fast' , 0) 工作不正常？ -jQuery

Question

所以我正在尝试类似的方法，将鼠标悬停在文本上，它旁边会出现一些东西:

$('.lang1').mouseenter(function() { 
        $('.lang1 span').fadeTo('fast', 1);
    });

$('.lang1').mouseleave(function() {
        $('.lang1 span').fadeTo('fast', 0);
    });

但是一旦我将鼠标移到它上面，它仍然会出现，非常微弱但它是可见的。它完全按照预期工作，但它并没有完全失去它的不透明度，你必须保持悬停并将鼠标移离它才能完全失去它的不透明度。

有人有什么建议吗？

CSS:

span {
    opacity: 0;
}

HTML:

<li class="lang1">HTML     <span>Pretty good at</span></li>

Answer 1

我只使用 fadeIn('fast') 和 fadeOut('fast') 来实现淡入淡出效果，然后使用回调来隐藏元素。像这样:

$('.lang1').mouseleave(function() {

        $('.lang1 span').fadeOut('fast', function() { $(this).hide(); });
});

我认为更简单的替代方法是将 CSS 更改为 display:none; 并让 jQuery 在鼠标事件触发时处理不透明度 $('.lang1 span') .fadeOut('快');