出现在悬停上的持久 qtip 仅通过单击元素才会消失

Question

我正在使用 qtip 版本 1.0.0-rc3 并且必须解决以下问题： 我有一个 div 元素，悬停时必须在其上显示 qtip。 div 元素中有一个锚标记。当用户单击链接时，即使鼠标移出 div，我也希望 qtip 持续存在。只有当用户再次点击链接或页面上的其他链接时，qtip才需要隐藏[页面上有多个这样的div]。 HTML 具有以下结构：

名字

我尝试过使用 hide : 'unfocus'，但这并不能达到目的。 基本上，我需要一种方法来控制我的 qtip 是如何隐藏的。

Answer 1

在尝试使用 qTip v1 执行此操作时，您需要做一些事情。具体来说，将 show 事件设置为“mouseenter”，因为它是一个 DIV，将 hide.fixed 属性设置为“true”，然后将 hide.when.event 属性设置为“unfocus”，正如您所怀疑的那样。例如：

$('#myDiv').qtip({
    show: 'mouseenter',
    hide: {
        fixed: true,
        when: {
            event: 'unfocus'
        }
    }
});

这是一个关于 jsFiddle 的工作示例：

http://jsfiddle.net/kiddailey/8tuLd/

附言。您声明 qTip 在悬停时显示，然后在“用户再次单击链接时”隐藏。我对此有点困惑，所以请澄清我的示例是否不能完全满足您的需求。