悬停时出现的持久 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 在悬停时显示，然后“当用户再次单击链接时”隐藏。我对此感到有点困惑，所以如果我的示例不能完全满足您的需求，请澄清。