Php jquery ajax仅在加载图像时更改当前html

我正在尝试加载一个.php文件，该文件在特定的div中带有一个2Mb的图像

我可以通过ajax实现这一点，但我的问题是，我只希望在图像加载完成后将当前的div html更改为新的div html。我现在的问题是，我的div在加载过程中变为空

function ajaxcallmap(my_url, my_div, my_data) {
    $.ajax({
        url: my_url,
        data: my_data,
        type: 'get',
        success: function (output) {
            var $imgs = $("#worldmap_container").html(output).find("img"), //hide them
            imgAmount = $imgs.length, 
            imgCounter = 0;

            $imgs.on("load", function () {
                imgCounter++;
                if (imgCounter === imgAmount) {
                    $(my_div).html(output);//show the images when they're loaded
                    ajaxReady();//Recal jQuery Events
                }
            });
        }
    });
}

---

使用

complete:

函数，而不是

success:

函数。

您在其他地方清除了div，但不在上面的代码示例中。我正在尝试消除从图像更改为其他图像时发生的闪烁。发生这种情况是因为加载图像需要一点时间。当图像被缓存时，我几乎看不到剥落。我认为我根本没有从其他代码源中清除div内容。您是否尝试过使用

.ready（）

函数？