当鼠标悬停在提示上方时，如何防止 jquery.qtip2 工具提示隐藏？

Question

使用 jquery qTip2 作为工具提示。

我有一个带有链接的工具提示。如果用户的鼠标进入提示（而不是触发器），我希望提示保持打开状态。似乎无法在文档中弄清楚如何做到这一点......

Answer 1

如果您希望当您将鼠标悬停在提示上并进入提示时它保持可见，但仍希望它在鼠标移开时关闭，请使用固定和延迟选项 在此处的文档中进行了描述：

$('.selector').qtip({
     content: {
          text: 'I hide on mouseout, but you can mouse into me within 500ms',
     },
     hide: {
          fixed: true,
          delay: 500
     }
});

hide 参数有很多选项。例如，如果您只是不想无限期地隐藏它，只需将 hide 设置为 false：

$('.selector').qtip({
    content: {
        text: 'I never hide',
    },
    hide: false
});

如果您希望它在不同的事件上隐藏，例如单击提示之外的任意位置，请显式设置该事件：

$('.selector').qtip({
     content: {
          text: 'I hide when you click anywhere else on the document',
     },
     hide: {
          event: 'unfocus'
     }
});

如果您希望它在以下情况下隐藏 ：单击触发器，指定单击事件：

$('.selector').qtip({
     content: {
          text: 'I hide when you click the tooltip trigger',
     },
     hide: {
          event: 'click'
     }
});

具体请参阅“隐藏”选项文档以获取更多信息。

Answer 2

如果您希望提示保持打开状态，然后在用户单击目标外部或离开目标时将其隐藏：

show: {
    event: 'mouseover'
},

hide: {
     event: 'click mouseleave'
}