5

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

3 回答 3

3

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

于 2010-10-28T22:02:43.510 回答
0

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

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

应该可以正常工作

于 2010-11-05T15:25:36.270 回答
-1

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

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

IE8中的jQuery问题

于 2011-05-28T17:47:11.583 回答