Geek Answers Handbook

JQuery qtip did not draw a small arrow pointer in IE8 (or IE7)

I use the jQuery qtip plugin to draw a tooltip, and it works fine on FF, but not on my versions of IE. It seems like for IE the plugin uses vml tags instead of canvas tags. Is there anything extra I need to include in my page to show a little arrow tip? Here is my simple html page; note that when you hover over the "tooltip tooltip" a gray box appears, but not an arrow:

<!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>
+5
source share
3 answers

, qTip jquery-1.4.2, qTip. (# 55), , № 27, 1.4.2. , yay!

+3

just remove the reference position and see if that helps.

my solution to a similar problem (failed to get position property in IE8)

Issues with jQuery in IE8

-1
source

More articles:


All Articles