2010-10-27 12 views
5

Sto usando il plugin qtip di jquery per disegnare un suggerimento, e funziona bene su FF ma non sulle mie versioni di IE. Sembra che per IE, il plugin utilizza tag vml invece di tag canvas. C'è qualcosa in più che devo includere nella mia pagina per ottenere la piccola punta di freccia da mostrare? Ecco la mia semplice pagina html; notare che quando il mouse su "target tooltip", la casella grigia si presenta, ma non la punta della freccia:jQuery qtip non disegna la punta di una freccia in 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, ho scoperto che la punta disegna correttamente se si utilizza jquery-1.3.2 invece di jquery-1.4. 2. – tonyunfang

risposta

3

Si scopre che per arrivare QTIP a lavorare con jquery-1.4.2, ho dovuto aggiornare a una versione successiva di qTip. Ho provato per la prima volta l'ultima revisione (n. 55), ma questo ha causato un errore di ricorsione, quindi ho optato per la revisione n. 27, che era elencata come compatibile con la versione 1.4.2. Questo ha fatto apparire le mie punte di freccia, yay!

-1

è sufficiente rimuovere la posizione e la prop vedere se questo aiuta.

la mia soluzione al problema simile (Impossibile ottenere la proprietà di posizione in IE8)

Jquery problems in IE8

+0

La rimozione della proprietà position non è affatto una soluzione. Se non riesci a posizionare il tuo suggerimento, qual è il punto? – Xaxis