Question

jQuery插件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');
     });

Answer 1

可能不是最优雅的解决方案，但有效：

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

我希望它有所帮助

jQuery插件qtip2 - 关闭按钮上鼠标的关闭工具提示

1 个答案: