Bonsoir à tous !

J'ai découvert ce plugin magnifique pour créer des petites bulles : http://craigsworks.com/projects/qtip/docs/


J'ai combiné ceci avec jQueri UI progressBar...

J'ai donc mon code:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<div id="test"></div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
$().ready(function(){
 
 
    $("#test").progressbar({
        value: barXp
 
    });
 
 
    $('#test').qtip({
        content: "kk",
        show: 'mouseover',
        hide: 'mouseout',
        position: {
            corner: {
                target: 'rightMiddle',
                tooltip: 'leftMiddle'
            }
        },
        style: {
            name: 'cream',
            tip: true
        }
    });
});
Ceci marche parfaitement.

Attention: si je retire la progressBar de #test et que je place du texte simple dans la div, jamais la tooltip apparaitra...

On dirait que progressBar apporte quelque chose au div qui permet de le faire marcher...
Dans la doc rien ne précise qu'il faille mettre quelque chose de particulier à la div concernée.

Je ne comprend pas pourquoi... J'ai regardé les propriétés CSS de la progressBar mais je n'ai rien trouvé de particulier...

Une idée??
Vous utilisez ce plugin ??

Merci d'avance pour votre aide !