悬停时出现的持久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/

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