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

Question

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

我可以使用 ajax 实现这一点，但我的问题是我只希望在图像加载完成后将当前的 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
                }
            });
        }
    });
}

Answer 1

使用complete:函数而不是success:函数。