2010-10-27 33 views
5

Tôi đang sử dụng plugin qtip của jquery để vẽ một chú giải công cụ, và nó hoạt động tốt trên FF nhưng không phải trên các phiên bản IE của tôi. Dường như đối với IE, plugin sử dụng thẻ vml thay vì thẻ canvas. Có điều gì tôi cần thêm vào trang của tôi để nhận mẹo mũi tên nhỏ để hiển thị không? Đây là trang html đơn giản của tôi; lưu ý rằng khi bạn di chuột qua "mục tiêu tooltip", hộp màu xám xuất hiện, nhưng không phải là đầu mũi tên:jQuery qtip không vẽ mũi tên nhỏ trong IE8 (hoặc 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

Hm, tôi phát hiện ra rằng mũi rút đúng nếu tôi sử dụng jquery-1.3.2 thay vì jquery-1.4. 2. – tonyunfang

Trả lời

3

Nó chỉ ra rằng để có được qTip để làm việc với jquery-1.4.2, tôi đã phải nâng cấp sang phiên bản sau của qTip. Lần đầu tiên tôi thử bản sửa đổi mới nhất (# 55), nhưng điều đó đã đưa ra một lỗi đệ quy, vì vậy tôi đã giải quyết trên bản sửa đổi số 27 được liệt kê là có khả năng tương thích 1.4.2. Điều đó làm cho mũi tên của tôi xuất hiện, yay!

-1

chỉ loại bỏ các vị trí prop và xem nếu điều đó giúp.

giải pháp của tôi cho vấn đề tương tự (Không thể lấy các thuộc tính position trong IE8)

Jquery problems in IE8

+0

Loại bỏ thuộc tính vị trí không phải là một giải pháp. Nếu bạn không thể định vị đầu công cụ của mình, thì vấn đề là gì? – Xaxis