[Jquery] Effets à recharger ?

Bonjour à tous,

j'ai un petit problème, partons d'un exemple : supposons que j'utilise Tipsy pour faire un zoli effet de tooltip sur les liens d'un site.

Via :

$(document).ready(function(){
$('#calendarmonth a').tipsy({gravity:'w',fade: true,html: true});
 });

Ensuite supposons que j'ai un système de calendrier (avec des liens qui donc ont l'effet tipsy quand on les survole), et que je charge via Ajax le mois précédent/suivant avec un effet de fade (sans recharger la page).

Exemple : quand je clique sur "mois suivant", j'appelle le code du mois suivant, je fais un fadeout sur le code du mois courant, et un fadein sur le code du mois suivant, qui apparait donc.

J'ai remarqué que l'effet Tipsy ne s'applique pas au code qui a été inséré via Ajax (le code du mois suivant donc).
J'imagine que l'effet Tipsy a été "chargé" au moment du chargement de la page, et que ça s'applique uniquement aux contenus présents "au moment du chargement de la page".

J'ai bien pensé à réinclure le code de Tipsy à la fin de la fonction qui fait le fade sur le calendrier :

// code function fade...
$('#calendarmonth a').tipsy({gravity:'w',fade: true,html: true});

Dans ce cas, c'est très simple car le code est trivial, mais c'est pas génial à gérer quand il y a beaucoup d'effets ou des effets plutôt compliqués.

Existe-t-il une solution "miracle" pour éviter cela ou pour dire "recharge tout" ou "applique les effets sur les nouveaux contenus" ?


D'avance merci pour vos éclairages ou même ne serait-ce que quelques pistes !
Nicolas

Bonjour

Ça peut surement se faire avec de la délégation d'événement.

$('#calendarmonth').delegate('a','hover', function(){
  $(this).tipsy(....
}

Je n'ai pas testé mon code, la doc est là : http://api.jquery.com/delegate/

Je vais investiguer dès que j'en ai le temps. Merci !