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>
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