jquery mouseover/mouseout probel

Question

我有一些褪色某些元素的小問題。 這是我的例子：

http://jsfiddle.net/7uXtw/

當你將鼠標懸停在黑方則顯示爲灰色廣場和文字「一些文本」 當鼠標離開一切都應該進入啓動狀態。

主要問題關注廣場上的快速鼠標懸停和mouseleave。然後文本「一些文本」不fadeOut。我如何改變我的代碼來修復這個bug？

我以前.stop()但它不解決問題

Answer 1

隱藏DAT溢出

我只是在CSS中添加overflow:hidden到a，它似乎工作的偉大。

.info_text大於其父母a，因此mouseleave在清除之前不會觸發。

jQuery的 這個配置停止和停止（真，真）似乎這樣的伎倆

$("#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 
    } 
}); 

做出了小提琴：http://jsfiddle.net/filever10/rb48W/