0

jQuery plugin qtip2, jQuery 1.7.2 - 计划在我的项目中实现 qtip2,当我将鼠标悬停在右上角的关闭按钮上而不是单击按钮关闭工具提示时,我想关闭工具提示。请看我的代码,

HTML

  <a href="/wiki/Quantum_mechanics" title="Wikipedia: Quantum mechanics">quantum mechanics</a>

Javascript

        $(document).ready(function()
    {
        $('a[title]').qtip({
            content: {
                title: {
                    text: 'About me',button: 'Close'
                }
            },
            show: {
                solo: true
            },
            hide: 'unfocus'
        });
    });

请看jsbin中的代码

更新

根据 Gustavo Simon 的回答,在鼠标悬停时关闭工具提示的代码,

     $("body").on("mouseenter", "a.qtip-close", function(){
        $(this).closest("div.qtip").hide('slow');
     });
4

1 回答 1

1

可能不是最优雅的解决方案,但有效:

$("body").on("mouseenter", "a.qtip-close", function(){
            $('a[title]').qtip('api').hide();
});

我希望它有帮助

于 2013-07-04T20:53:39.313 回答