jQuery: HTML ne sont pas mis à jour après la manipulation <img src> chemins

Question

Je suis le chargement du contenu externe via la méthode jQuery de charge et manipuler les src attribut du img éléments précédemment chargés comme suit:

<div id="content"></div> 
<script> 
    $("#content").load("additional_content.html #content table", function() { 
    $("#content").find("img").each(function() { 
     $(this).attr("src", "new_path/" + $(this).attr("src")); 
    }); 
    }); 
</script> 

Lors de l'inspection du code HTML parent via Firebug, le code source a changé et reflète les nouveaux chemins de l'image. Cependant, le HTML rendu dans le navigateur n'a pas été mis à jour et pointe vers l'ancien chemin.

De plus, je reçois l'erreur suivante dans Google Chrome:

XMLHttpRequest cannot load file:///.../additional_content.html. Origin null is not allowed by Access-Control-Allow-Origin. 

quelqu'un peut me aider, s'il vous plaît?

Answer 1

La 'Origine null n'est pas autorisée par Access-Control-Allow-Origin.' se passe parce que vous ouvrez la page localement sur votre machine et non via une adresse Web. Chrome vérifie que vous n'effectuez pas d'appels interdomaines et a décidé qu'il ne peut pas vérifier vos appels car ils sont locaux. Cela peut indiquer pourquoi les images ne se chargent pas - le chemin relatif que vous avez donné peut être à l'origine de problèmes. Si vous enregistrez le code HTML affiché dans jQuery dans un nouveau fichier HTML plat et que vous l'ouvrez au même emplacement, les images s'affichent-elles?

Answer 2

Vérifiez XMLHTTPRequest Restrictions inter-domaines sujets, par exemple here