jquery tooltip懸停/滾動一致性

Question

因此，在翻轉按鈕時，在一個網站上有一個帶有文本和圖標的大工具提示。唯一的問題是，它有時會有點不一致，當你沒有翻轉它時，會出現一個工具提示，或者它們卡住，不應該在應該時消失。

我的Jquery：

$('#main_services ul li').hover(function() { 
    $('div.bubup', this).fadeIn('slow'); 
}, 
function() { 
    $('div.bubup', this).hide(); 
}); 

HTML標記：

<div id="main_services"> 
    <ul> 
     <li><a class="top" href="http://google.com">Button 1</a> 
      <div class="bubup bi-1" style="display: none;"> 
       <div class="bubup-top"><div class="bubup-lip"><!-- --></div></div> 
       <div class="bubup-middle"> 
        <div class="bubup-content"><div class="bubup-icon"><!-- --></div><div class="margin-top4">Proin enim tellus, pharetra nec luctus id, malesuada at metus. In eu tincidunt justo. Sed et ante fringilla sapien pulvinar fringilla ac a nisl. Quisque vitae tortor sapien. Ut consequat libero posuere quam mollis eleifend. Phasellus iaculis odio in tortor egestas a pellentesque mi tincidunt. </div><div class="clear"><!-- --></div></div> 
       </div> 
       <div class="bubup-bottom"><!-- --></div> 
      </div> 
     </li> 
     <li><a class="top" href="http://google.com">Button 2</a> 
      <div class="bubup bi-2" style="display: none;"> 
       <div class="bubup-top"><div class="bubup-lip"><!-- --></div></div> 
       <div class="bubup-middle"> 
        <div class="bubup-content"><div class="bubup-icon"><!-- --></div><div class="margin-top4">Proin enim tellus, pharetra nec luctus id, malesuada at metus. In eu tincidunt justo. Sed et ante fringilla sapien pulvinar fringilla ac a nisl. Quisque vitae tortor sapien. Ut consequat libero posuere quam mollis eleifend. Phasellus iaculis odio in tortor egestas a pellentesque mi tincidunt. </div><div class="clear"><!-- --></div></div> 
       </div> 
       <div class="bubup-bottom"><!-- --></div> 
      </div> 
     </li> 
    </ul> 
</div> 

不是真的想鏈接到該網站的上，但是如果需要，我可以隔離代碼，並把它放在一個演示鏈接。

所以問題是，無論如何，我有一些顯而易見的事情讓我感覺不錯，可靠嗎？

Answer 1

您可能想嘗試在.fadeIn之前添加.stop(true,true)，這可能會解決您的問題。如果沒有，那麼我需要看到一個演示鏈接。