Question

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

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

Answer 1

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

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

e.g。

$('.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'
    }
});

希望它有所帮助。

Answer 2

使用fixed：true以及leave：false

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

Answer 3

出于某种原因，仅使用fixed:true对我来说并不起作用。相反，我必须使用这些配置（v3.0.3）：

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

悬停工具提示时，使qTip不会消失

3 个答案: