jquery - jQuery addClass 淡入淡出

Question

    $('.a').bind('mouseover',function(){
     $('.a').addClass("b");
     }).bind('mouseout',function(){
     $('.a').removeClass("b");
    });

我想在上面的代码中添加fadeIn fadeOut，例如：

$('.a').bind('mouseover',function(){
 $('.a').addClass("b").fadeIn('slow');
 }).bind('mouseout',function(){
 $('.a').removeClass("b").fadeOut('fast');
});

但这对我不起作用...试图谷歌但也没有用。

Answer 1

您的代码在没有错误的情况下工作，但请考虑：

• fadeOut隐藏元素，您将无法再次将鼠标悬停在它上面。
• fadeIn在已经可见的元素上不会做任何事情。

Answer 2

首先，我认为你的fadeOut和fadeIn是错误的方式。

你不能在on 上淡入某些东西mouseover，因为你淡入它的事实意味着它首先是不可见的，因此你不能mouseover。

假设是这种情况，并且你切换它们，这会导致第二个问题，一旦它淡出mouseout将自动触发，因为鼠标不再在元素上方，因为元素不可见（你刚刚淡出它）。

你能确认你在寻找哪种效果吗？可能有替代方案。