jQuery: HTML не обновляется после манипулированияпути - PullRequest
1 голос
/ 16 ноября 2010

Я загружаю внешнее содержимое с помощью метода jQuery load и управляю атрибутом src ранее загруженных элементов img следующим образом:

<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>

При проверке родительского HTML через Firebug исходный код изменился и отражает новые пути к изображениям. Однако HTML-код, отображаемый в браузере, не был обновлен и указывает на старый путь.

Кроме того, в Chrome появляется следующая ошибка:

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

Может кто-нибудь помочь мне, пожалуйста?

Ответы [ 2 ]

3 голосов
/ 16 ноября 2010

«Нулевой источник не разрешен Access-Control-Allow-Origin». происходит потому, что вы открываете страницу локально на своем компьютере, а не через веб-адрес. Chrome проверяет, не совершаете ли вы междоменные вызовы, и решил, что не может проверить ваши вызовы, потому что они локальные. Это может быть подсказкой, почему изображения не загружаются - относительный путь, который вы указали, может вызвать проблемы. Если сохранить HTML-код, отображаемый в jQuery, в новом плоском HTML-файле и открыть его в том же месте, отображаются ли изображения?

1 голос
/ 16 ноября 2010

Проверьте темы XMLHTTPRequest для междоменных ограничений, например здесь

...