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

您可能想尝试在.stop(true,true)之前添加.fadeIn，这可能会解决您的问题。如果没有，那么我需要看一个演示链接。

jquery工具提示悬停/翻转一致性

1 个答案: