jQuery qtip 不会在 IE8（或 IE7）中绘制小箭头提示答案

【问题标题】：jQuery qtip doesn't draw little arrow tip in IE8 (or IE7)jQuery qtip 不会在 IE8（或 IE7）中绘制小箭头提示
【发布时间】：2018-08-16 06:45:40
【问题描述】：

我正在使用 jquery 的 qtip 插件来绘制工具提示，它在 FF 上可以正常工作，但在我的 IE 版本上却不行。看起来对于 IE，插件使用 vml 标签而不是 canvas 标签。是否需要在我的页面中包含一些额外的内容才能显示小箭头提示？这是我的简单html页面；请注意，当您将鼠标悬停在“工具提示目标”上时，会显示灰色框，但不会显示箭头提示：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <script type="text/javascript" src="/jquery-1.4.2.js" />
    <script type="text/javascript" src="/jquery.qtip-1.0.0-rc3.js" />
</head>
<body>
    <a id="my_tooltip">tooltip target</a>

<script type="text/javascript">//<--
    jQuery(document).ready(function() {
        jQuery("#my_tooltip").qtip({
        "content": {
            "text": "this is a test"
        },
       "position": {
       "corner": {
       "target": "bottomMiddle",
       "tooltip": "topMiddle"
       }
       },
       "style": {
       "tip": {
       "corner": "topMiddle",
       "color": "#999999",
       "size": {
       "x": 10,
       "y": 10
       }
   },
   "border": {
   "width": 2,
   "radius": 3,
   "color": "#999999"
   }
}
});

});
// --></script>
</body>
</html>

【问题讨论】：

嗯，我发现如果我使用 jquery-1.3.2 而不是 jquery-1.4.2，提示可以正确绘制。

标签： jquery draw qtip

【解决方案1】：

事实证明，要让 qTip 与 jquery-1.4.2 一起工作，我必须升级到更高版本的 qTip。我首先尝试了最新的修订版（#55），但这给出了递归错误，所以我选择了修订版#27，它被列为具有 1.4.2 兼容性。这让我的箭头提示出现了，耶！

【讨论】：

【解决方案2】：

为了让 qTip 与 jQuery 1.4.2 一起工作，您需要使用更新版本的 qTip 库

http://bazaar.launchpad.net/~craig.craigsworks/qtip/1.0/files/25

应该没问题

【讨论】：

【解决方案3】：

只需删除位置道具，看看是否有帮助。

我对类似问题的解决方案（无法在 IE8 中获取位置属性）

Jquery problems in IE8

【讨论】：

移除 position 属性绝不是一个解决方案。如果你不能定位你的工具提示，那有什么意义呢？