Я выполняю одну программу php, используя ajax, который генерирует image.svg, который занимает всего 5 секунд, и я обнаружил, что div.success
перед этим появляется сообщение и изображение не обновляется — оно загружает старое изображение. Как я могу задержать весь div.success
а также container.html
так что новое изображение будет показано в качестве вывода.
if (range > 10000)
{
$.get("program.php?recordID=0", function(data) {})
$("div.success").fadeIn(300).delay(11500).fadeOut(400);
$("#container").html('<div id="container" style="width: 850px; height: 850px; margin: 0px"><img src="tmp/image.svg" style="width: 850px; height: 850px; margin: 0px"></div>');
return false;
}
Я думаю, что это проблема с кешем. Старое изображение имеет то же имя?
Если так, попробуйте это:
$("#container").html('<div id="container" style="width: 850px; height: 850px; margin: 0px"><img src="tmp/image.svg?c=' + new Date().getTime() + '" style="width: 850px; height: 850px; margin: 0px"></div>');
Это должно заставить браузер перезагрузить изображение.
Других решений пока нет …