如何延迟流程以便流程完成？

Question

我正在使用ajax执行一个php程序，生成image.svg需要几秒钟才能完成，我发现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;
}

Answer 1

我认为这是一个缓存问题。旧图像是否具有相同的名称？

如果是这样，试试这个：

$("#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>');

这会强制浏览器重新加载图片。