Discussion :

[nicolas2603]

Bonjour, je navigue dans mon site en chargeant les différentes pages dans une div. Cependant, lorsque dans ces pages je fais appel à des fonctions jquery (autres que des click, etc... réglés avec la fonction live) du genre "tooltip", "gallerific", celles-ci ne sont pas détectées ni interprétées.

Tout fonctionne bien lorsque j'appelle ces pages de manière classique, j'en conclue donc que c'est le passage en ajax qui bloque tout. Comment remédier à ce problème ? Merci d'avance.

[marcha]

Salut,

Certains plugins Jquery doivent être initialisés dans la fonction document ready.
Mais en fait ils assignent un gestionnaire d'évènements à tous les éléments
de la page qu'ils doivent "dynamiser" lors de cette initialisation.

Quand tu recharge du code dans un div, les gestionnaires sont perdus. Il faut
les réinitialiser.

Par exemple, si dans ta fonction init tu as quelque chose du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('span.tooltip').tooltip();

Et que dans ta page tu recharge un div, par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#mondiv').load(url);

Alors il te faudrait appeler à nouveau tooltip() pour tous les éléments
que tu viens de charger (et pas les éléments existants qui sont déjà
initialisés).

Tu peux faire cet appel sur la callback appelée après chargement de
la div, puis tu cible avec un contexte qui correspond à ta div. dans ce goût là:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$('#mondiv').load(url, function() {
  $('span.tooltip', $('#mondiv')).tooltip();
});

[nicolas2603]

Merci pour cette explication. Très claire, précise, j'ai compris, j'ai appliqué, et ça fonctionne ! Impeccable. Merci beaucoup.