【问题标题】:jQuery plugin qtip2 - Close tool tip on mouse over of close buttonjQuery 插件 qtip2 - 鼠标悬停在关闭按钮上时的关闭工具提示
【发布时间】:2013-07-05 18:24:32
【问题描述】:

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

【问题讨论】:

    标签: jquery qtip2


    【解决方案1】:

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

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

    希望对你有帮助

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-05-13
      • 1970-01-01
      相关资源
      最近更新 更多