Bonjour,
J'aimerai charger une infobulle dynamique basé sur un sélecteur multiple.
Ce qui fonctionne correctement.Code:
1
2
3
4
5
6
7
8
9
10
11 $('img[id^=vx]').each(function(){ var vx = $(this).parent().attr('id'); $(this).qtip({ content:{ url:'ajax/tooltip/carte_vx.php', data:{vx:vx}, method:'post' }, hide: { fixed: true } }); });
Ce que j'aimerai réaliser maintenant, c'est que cette infobulle aille chercher le résultat à chaque mouseover. Car le contenu change régulièrement.
j'avais donc pensé à :
Mais dans ce cas ci, je n'arrive plus à récupérer l'id actuellement survolé.Code:
1
2
3
4
5
6
7
8 $('img[id^=vx]').qtip({ content:{ url:'ajax/tooltip/carte_vx.php', data:{vx:$(this).parent().attr('id')}, method:'post' }, hide: { fixed: true } });
Et la j'suis perdu malgré mes recherches.
Un idée ? une piste ? une explication ?
Merci :)
Edit : résolut avec l'api de Qtip :
Code:
1
2
3
4
5
6 $('img[id^=vx]').on('mouseover',function(){ $(this).qtip('api').updateContent('new content'); });