Question

我正在使用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>

Answer 1

事实证明，要让qTip与jquery-1.4.2一起使用，我必须升级到更高版本的qTip。我首先尝试了最新版本（＃55），但是这给出了一个递归错误，因此我决定修改＃27，它被列为具有1.4.2兼容性。这让我的箭头提示出现了，是的！

Answer 2

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

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

应该可以正常工作

Answer 3

只需删除位置支柱，看看是否有帮助。

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

Jquery problems in IE8

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

3 个答案: