jquery工具提示悬停/滚动一致性

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)，这可能会解决您的问题。如果它不是，那么我需要看到一个演示链接。