鼠标悬停时,如何防止jquery.qtip2工具提示隐藏?

前端之家收集整理的这篇文章主要介绍了鼠标悬停时,如何防止jquery.qtip2工具提示隐藏?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用 jquery qTip2进行工具提示

我有一个工具提示,其中有一个链接。如果用户的鼠标进入提示(而不是触发器),我希望提示保持打开。似乎无法弄清楚如何在documentation ….

解决方法

如果您希望将鼠标悬停在提示中,但仍然希望它在鼠标悬停时关闭,请将固定和延迟选项用作 described in the documentation here
$('.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'
     }
});

如果要在触发器被单击时隐藏,请指定click事件:

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

具体见the “hide” options documentation了解更多信息。

猜你在找的jQuery相关文章