jquery鼠标悬停/鼠标悬停问题

jquery鼠标悬停/鼠标悬停问题,jquery,Jquery,我对某些元素的褪色有点小问题。 这是我的例子: 当您将鼠标悬停在黑色方块上时,将显示灰色方块和文本“some text” 当您删除鼠标时,所有内容都应进入开始状态 主要问题是广场上的快速鼠标和鼠标移动。然后文本“一些文本”不会消失。如何更改代码以修复此错误 我使用了.stop(),但它没有解决问题隐藏数据溢出 我刚刚在css中添加了overflow:hidden到a,看起来效果不错 .info\u text大于它的a父项,因此在清除它之前,mouseleave不会启动 jquery 这个sto

我对某些元素的褪色有点小问题。 这是我的例子:

当您将鼠标悬停在黑色方块上时,将显示灰色方块和文本“some text” 当您删除鼠标时,所有内容都应进入开始状态

主要问题是广场上的快速鼠标和鼠标移动。然后文本“一些文本”不会消失。如何更改代码以修复此错误


我使用了
.stop()
,但它没有解决问题

隐藏数据溢出

我刚刚在css中添加了
overflow:hidden
a
,看起来效果不错

.info\u text
大于它的
a
父项,因此在清除它之前,
mouseleave
不会启动

jquery 这个stop和stop(true,true)的配置似乎可以做到这一点


胡闹:

检查这个问题:没问题,很乐意帮忙!
$("#options_down li").delegate('a','mouseover mouseleave', function(e){
    if (e.type == 'mouseover') {//on mouseover
        $(this).find('img').stop().animate({ top: '+36px'},100).end()//img down
        .find(".info").stop().animate({ height: '136', opacity: 0.8 }, 100).end()//info out
        .find('.info_text').stop(true,true).delay(100).fadeIn(100).end()//infotext in
        .find('.info p, .info h3').stop().fadeOut(100);//hide innards
    } else if (e.type == 'mouseleave') {//on mouseleave
        $(this).find("img").stop(true,true).animate({ top: '0px' },100).end()//img up
        .find(".info").stop(true,true).animate({ height: '40', opacity: 1 }, 100).end()//info in
        .find('.info_text').stop().fadeOut(100).end()//infotext out
        .find('.info p, .info h3').stop(true,true).fadeIn(100);//show innards
    }
});