2010-10-27 71 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