悬停工具提示时使 qTip 不消失答案

【问题标题】：Make qTip not disappear when hovering the tooltip悬停工具提示时使 qTip 不消失
【发布时间】：2017-03-07 02:50:39
【问题描述】：

我正在使用 qTip:http://craigsworks.com/projects/qtip2，我目前的问题是当我悬停工具提示时它会消失（因为目标是 mouseleave/mouseout）。

有没有办法让它在我悬停工具提示时保持可见？我将工具提示放置在目标下方，因此目标和工具提示之间的空白空间为零。

【问题讨论】：

请添加一些代码，尤其是jQuery部分
看看文档，也许隐藏选项会有所帮助。 craigsworks.com/projects/qtip2/docs/hide
检查“hide.target”选项http://craigsworks.com/projects/qtip2/docs/hide/#target。默认情况下，离开元素 .qtip() 被调用时，工具提示是隐藏的。

标签： javascript jquery qtip2

【解决方案1】：

使用fixed：http://craigsworks.com/projects/qtip2/docs/hide/#fixed

您可能希望在工具提示消失之前添加delay，以防触发元素和工具提示之间存在一定距离。

例如

$('.moreinfo').qtip({
    content: {
        text: $('<p>This is a tooltip.</p>')
    },
    show: {
        effect: function() { $(this).fadeIn(250); }
    },
    hide: {
        delay: 200,
        fixed: true, // <--- add this
        effect: function() { $(this).fadeOut(250); }
    },
    style: {
        classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded'
    }
});

希望对你有帮助。

【讨论】：

这没有帮助。我有延迟和固定：确实，但是当您通过快速移动将鼠标悬停在工具提示上时它仍然会消失
documentation 明确指出这是fixed 的目的。如果它不起作用，它可能在最新版本中被破坏，我没有检查。

【解决方案2】：

使用固定：真以及离开：假

您可能遇到的问题是，当您离开 qtip 目标时，它会隐藏起来。

【讨论】：

“离开：假”是否也进入“隐藏”部分？

【解决方案3】：

出于某种原因，单独使用fixed:true 对我不起作用。相反，我不得不使用这些配置（v3.0.3）：

hide: {
   fixed: true,
   delay:90,
},
position: {
   viewport: $(window)
},

【讨论】：