$(document).ready fonctionne anormalement

Bonjour,

Après avoir tourné et retourné le problème je n'arrive toujours pas à une solution.
Voici mon problème :

Dans ma page mère j'ai ceci :

J'utilise la fonction suivante (dans la partie "head") :

Code:

---

1 2 3 4 5 6 7 8

$(document).ready(function () {   $("a").click(function(){ // Appel ajax }); return false; });

---

Avec des liens (dans le body) comme ceci pour passer par le "ready" :

Code:

---

1 2	<div class='maClasse'><a href='maPageAChargerDansLeDiv.php'>Ma Page</a></div>

---

maPageAChargerDansLeDiv.php est bien chargée dans mon div en AJAX en passant par le "ready" SEULEMENT lorsque ce lien vient de la page mère ou bien qu'il est chargée dans ma page mère par :

Code:

---

1 2	include('maPageContenantLeLien.php');

---

(le href se trouvant dans 'maPageContenantLeLien.php')


Par contre si je charge 'maPageContenantLeLien.php' dans un DIV de ma page mère grâce à AJAX (JQUERY) alors le lien href présent dans cette page ne passe pas par 'ready' et n'est donc pas chargé en AJAX.

Comme s'il n'était pas reconnu comme un lien de type ("a").

Quelqu'un aurait une idée du pourquoi?

Merci par avance pour pour votre réponse. :oops:

un grand calssique, les éléments chargés dynamiquement ne bénéficient pas des affectations du ready poru la simple raison qu'au moment de l'interprétation du ready il n'existent pas sur la page.
Il faut passer par live() ou delegate() poru attribuer les évènements.

Bonjour Guizmo95,

document.ready fonctionne bien, pas de problèmes.

je n'arrive pas a comprendre ce que tu veux faire exactement, ton explication me semble floue (peut être que je suis mal réveillé...)

ce que j'ai compris, c'est que tu souhaites qu'une div se remplisse avec le code généré par maPageAChargerDansLeDiv.php ?

si c'est le cas, tu y es presque:

Code:

---

1 2 3 4 5

$('a').click( function(){ $('.madiv').load('maPageAChargerDansLeDiv.php'); return false; //le clique sur le lien ne redirigera pas vers maPageAChargerDansLeDiv.php });

---

PS: le document.ready attends que toute la page HTML soit entièrement générée et chargée pour exécuter le code que sa fonction anonyme contient.

Merci pour vos réponses.

J'ai eu ma solution! :ccool:

J'ai retiré mon ready qui effectivement ne pouvais pas voir les éléments chargés dynamiquement.

Du coup (pour ceux que ça intéresse :zoubi:) j'ai déplacé mon script de mon head à mon pied de page, j'ai utilisé delegate() qui fonctionne très bien :P et j'ai supprimé :

Code:

---

$("a").click(function(){

---

Voici le code :

Avant (dans le head) :

Code:

---

1 2 3 4 5 6 7 8

$(document).ready(function () {   $("a").click(function(){ // Appel ajax }); return false; });

---

Après (en bas de page => après que le body soit créé :) ) :

Code:

---

1 2 3 4 5 6 7

$("body").delegate("a", "click", function(){   // Appel ajax   return false; });

---

Encore un grand merci!