jquery non disponible?

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:

---

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:

---

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? :calim2:

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:

---

1 2 3

$(function (){ $("a").tooltip(); });

---

par ceci

Code:

---

window.top.window.tooltip();

---

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

Code:

---

1 2 3 4

function tooltip() { $("a").tooltip(); }

---

Dans ce cas, mon tooltip fonctionne correctement :ccool:

Bonjour Guizmo95,

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

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