Discussion :

[CedriZero]

Bonjour,

J'ai monté un site avec plusieurs pages, toutes les pages fonctionnes parfaitement.
Maintenant je souhaite réaliser une navigation en ajax, pour le fonctionnement de ajax avec jQuery ... pas de problème.
Mon gros soucis viens des pages qui comportent des scripts tel qu'un API Google Map, un slider d'image jquery...
En fait ces scripts sont mal interprétés lors de ma navigation ajax par exemple: la Map Google ne s'affiche pas, le diapo photo ne centre plus les images,...

J'aimerai connaitre la technique d'appel des scripts de chaque pages pour une navigation en Ajax. Car j'ai l'impression qu'ils ne sont pas chargés au bon moment ou/et qu'il y a des conflits entre les scripts déjà chargés avec les nouveaux.

Si quelqu'un à déja eu le même problème et connais la solution..., je suis preneur

D'avance, Merci

[SpaceFrog]

qui dit chargement de contenu en ajax, dit création dynamique d'éléments ...

les éléments crées dynamiquement APRES le load de la page ne bénéficient pas de attributions d'évènements définis au moment du load (document.ready), de même les scripts insérés ne sont pas interprétés


Pour remédier à cela il y a plusieurs méthodes :
bien définir le dataType de ton ajax :
La doc jquery précise

"html": Returns HTML as plain text; included script tags are evaluated when inserted in the DOM.
"script": Evaluates the response as JavaScript and returns it as plain text. Disables caching by appending a query string parameter, "_=[TIMESTAMP]", to the URL unless the cache option is set to true. Note: This will turn POSTs into GETs for remote-domain requests.

regarde aussi du coté de getScript()

et de on() ou delegate() pour que les élémetns chargés dynamiquement bénéficient des évènements du ready ...

[CedriZero]

Merci de votre réponse,
J'ai déjà testé avec getScript mais c'est toujours pareil.
Mais si je comprend bien vous me conseillez de bien déclarer le dataType de ma requête ajax et d'insérer mon javascripts directement dans la page d'appel ajax?

[SpaceFrog]

dataType

"html": Returns HTML as plain text; included script tags are evaluated when inserted in the DOM.