9模式下的QTip2显示问题

Question

我正在开发一个浏览器插件，它涉及向页面中注入一些标记，然后在鼠标悬停在这个标记上时显示一个QTip2工具提示。

在Firefox (44)、Chrome (48)和Internet (在Windows上使用版本9进行测试)中，一切都很好--除非IE处于“古怪模式”。

因为插件可以(潜在地)被激活在任何页面上，所以很有可能某个时候，某个地方的人会在某个网页上使用Internet来调用它，从而使IE进入古怪的模式。所以我真的很想想出一个解决问题的方法。

我有两个“演示”页面(JSFiddle与IE在古怪模式下是不可行的，所以这些页面被托管在其他地方)。

第一种方法的工作原理与预期完全相同，尽管它会让IE进入古怪的模式。换句话说，它演示了我正在努力实现的结果，尽管使用了我的“真实”配置的简化版本(奇怪的布局反映了我在局域网web服务器上测试的页面)。鼠标在按钮上显示工具提示.

工作工具提示页

第二个紧密地反映了我的QTip2 2插件的问题。当工具提示出现时，它们不对齐，在按钮上方浮动：

问题页

​

​

我不知道是什么导致了这个问题，我也不知道该如何应对，所以任何建议都会被感激地接受。

Answer 1

似乎是position.viewport值导致了这种不对齐：

position:
{
  viewport: $(window),
...
}

将$(window)的值更改为true (根据position.viewport文档的Notes部分)可以得到更满意的结果。