jQuery addClass fadeIn fadeOut

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

您的代码在无bug 中工作，但请考虑以下事项：

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

Answer 2

首先，我认为您的fadeOut和fadeIn是错误的。

你无法在mouseover上的 中淡化，因为你在中淡化这一事实意味着它首先不可见，因此你不能mouseover它。

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

您能确认您要找的效果吗？可能有另一种选择。