2010-10-27 8 views
5

Estoy usando el complemento qtip de jquery para dibujar una información sobre herramientas, y funciona bien en FF pero no en mis versiones de IE. Parece que para IE, el complemento usa etiquetas vml en lugar de etiquetas de canvas. ¿Hay algo más que necesito incluir en mi página para mostrar la pequeña punta de la flecha? Aquí está mi página html simple; en cuenta que al pasar el ratón sobre "blanco sobre herramientas", el cuadro gris aparece, pero no la punta de flecha:jQuery qtip no dibuja punta de flecha pequeña en IE8 (o 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, he descubierto que la punta dibuja correctamente si uso jquery-1.3.2 en lugar de jquery-1.4. 2. – tonyunfang

Respuesta

3

Resulta que para conseguir QTIP trabajar con jQuery-1.4.2, he tenido que actualizar a una versión posterior de qTip. Primero probé la última revisión (n. ° 55), pero eso dio un error de recursión, así que me decidí por la revisión n. ° 27, que figuraba como compatible con 1.4.2. Eso hizo que mis puntas de flecha aparecieran, ¡yay!

-1

acaba de quitar la hélice posición y ver si eso ayuda.

mi solución a un problema similar (no se pudo obtener la propiedad position en IE8)

Jquery problems in IE8

+0

Eliminar la propiedad de posición no es una solución. Si no puede ubicar la punta de su herramienta, ¿cuál es el punto? – Xaxis

Cuestiones relacionadas