jquery - 使用 qTip2 检测溢出

Question

我试图防止工具提示离开页面的末尾。我正在使用 qTip jQuery 插件，但遇到了一些问题。默认定位是position: absolute;，我需要将其设置为position: relative;使其能够正确响应overflow: hidden;它应该做的是自动检测它是否会超出 div，如果是，则以不同的方式显示，这样它就不会隐藏起来。qTip 网站上的这个解决方案解释了这个http://craigsworks.com/projects/qtip2/docs/position/#container，但我不知道如何让 qTip 正确显示positoin: absolute;

我该如何解决？

Answer 1

根据您的问题，我不确定您需要做什么，而且我不清楚您为什么要覆盖 qTip 的定位。也许如果您发布了一些示例代码或示例链接，那么有人可以为您提供更好的答案。

但是，除非我遗漏了什么，听起来您真正需要做的就是将视口定义为窗口。例如：

$('.selector').qtip({
   position: {
      viewport: $(window)
   }
});

Answer 2

我所做的解决方法是将箭头放在对角，因此工具提示会显示在页面内部。问题不是“固定”的说法，但它确实有效。