Discussion :

[Guizmo95]

Bonjour,

Je vais essayé d'être clair sur mon problème, le voici :

J'ai une page A, dans cette page A, à l'ouverture j'ouvre aussi une page B via ajax.

Dans cette page B j'ai le code suivant (entre autre) :

Code :

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

1
2
3
4
5
6
 
<script type="text/javascript">
$(function (){
	   $('a').tooltip();
	});
</script>

Jusque là pas de problème. Ma page A est chargée, les données de ma page B sont chargées ET les tooltips (de bootstrap) s’affichent correctement.

Le problème est le suivant :

J'ai un bouton sur ma page A permettant de recharger ma page B via Ajax.

Et là.... la page est chargée correctement mais les tooltips ne fonctionnent plus. L'erreur javascript est la suivante :

Code :

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

1
2
3
ReferenceError: $ is not defined
$(function (){

Comme s'il ne trouvait plus jquery alors que dans DOM (firebug) je retrouve bien $ et jQuery

Avez vous une idée?

[Guizmo95]

Si quelqu'un à une réponse à apporter à ce comportement je suis preneur.

Ceci étant j'ai trouvé une solution de contournement pour ceux qui auraient le même problème.

J'ai remplacé dans la page B :

ceci

Code :

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

1
2
3
$(function (){
	   $("a").tooltip();
	});

par ceci

Code :

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

window.top.window.tooltip();

et j'ai ajouté dans la page A ceci :

Code :

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

1
2
3
4
function tooltip()
	{
		$("a").tooltip();
	}

Dans ce cas, mon tooltip fonctionne correctement

[marcbuils]

Bonjour Guizmo95,

Quel code utilises tu pour "ouvrir une page B via ajax" ?
Je pense que la solution doit se trouver par là

[Invité]

Bonjour,
un élément de réponse ici : jQuery : les événements sur des éléments chargés en AJAX