检测加载AJAX调用的所有内容的时间？ （比如DOM.ready）

Question

我正在努力解决一个非常简单的任务： 我有一个包含10个投资组合项目的页面。每个投资组合项目都可以包含可变数量的＆＃34;详细图像＆＃34;当点击项目组合项目的缩略图时，应该在图库中显示。

单击拇指后，我设法通过AJAX加载所有细节图像，但我很难检测图像库的所有图像被加载以启动计算功能的时刻。

背景是，我需要知道所有galleryimages在它们彼此相邻时将它们放在一个包装幻灯片容器上的宽度。要做那个计算我需要等待＆＃34;直到所有图像都被加载，然后才启动我计算宽度的函数（图像1的宽度+图像2的宽度......）。

我已经尝试了

jQuery(document).ajaxComplete(function() { calculation(); });

但是对于页面上的其他ajax元素也会被触发。

有没有办法绑定＆＃39;完成我的ajax电话或广告回调我的ajax？ 我正在寻找的是这样的东西：

function ajax_load_slider(post_id){
     jQuery.ajax({
        url : MyAjax.ajaxurl,
        type : 'post',
        data : {
          action: 'ajax_slider',
              post_id: post_id,
        },
        success : function(response) {
            jQuery('#resultcontainer').html(response);
            if(AJAXComplete){
                calculateWidth();
            }
        }
    });
}

提前致谢！