2010-10-27 42 views
5

我正在使用jquery的qtip插件来绘制工具提示,并且它在FF上正常工作,但在我的IE版本上工作正常。它看起来像IE,插件使用vml标签,而不是画布标签。在我的页面中是否需要添加一些额外的内容才能显示小箭头?这是我简单的html页面;请注意,当您将鼠标放在“工具提示目标”,灰色框显示出来,而不是箭头提示:jQuery qtip不会在IE8(或IE7)中绘制小箭头提示

<!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> 
+0

嗯,我发现了尖绘制正确,如果我使用jQuery的1.4 jQuery的1.3.2代替。 2。 – tonyunfang 2010-10-28 15:32:39

回答

3

事实证明,获得qTip使用jQuery 1.4.2的工作,我不得不升级到更高版本的qTip。我第一次尝试了最新版本(#55),但是这给了递归错误,所以我决定修改#27,它被列为1.4.2兼容性。这使我的箭头提示出现了,耶!

-1

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

我解决了类似的问题(无法获取IE8中的位置属性)

Jquery problems in IE8

+0

删除头寸属性绝不是一个解决方案。如果你不能定位你的工具提示,那有什么意义? – Xaxis 2013-09-06 16:53:16