悬停时出现的qtip只会通过单击某个元素而消失

Question

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

名称

我使用 隐藏的尝试：“无焦点的”，但这并不能达到目的。 基本上，我需要一种方法来控制我的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在悬停时显示，然后隐藏“当用户再次单击链接时”。我有点困惑，所以请澄清，如果我的例子不能满足您的需求。