Javascript 如何检查ajax.load调用是否已加载

考虑以下代码：

var loadingHTML = $("<div style='width:100%;'> <h1>Loading...</h1></div>");
loadingHTML.hide();
$(".row").append(loadingHTML);
loadingHTML.fadeIn('slow');
$(".row").append($("<div>").load("get-more-images.php?start=36&end=36"));
//  loadingHTML.hide();

var loadingHTML=$（“加载…”）；
加载tml.hide（）；
$（“.row”）.append（加载TML）；
加载tml.fadeIn（“慢”）；
$（“.row”）.append（$（“”）.load（“获取更多图像.php？start=36&end=36”）；
//加载tml.hide（）；

---

我有一个图像页面，当用户向下滚动页面以加载更多的图像时，会触发这个。希望显示“Loading..”直到图像出现，然后再次隐藏它，运行上述代码将显示然后隐藏文本，速度如此之快，以至于您无法看到它，是否有方法检查.load事件是否已完成？

给load一个回调并执行您想要的任何操作

$(".row").append($("<div>").load("get-more-images.php?start=36&end=36", function () {
    console.log('load complete');
}));

$（“.row”）.append（$（“”）.load（“获取更多图像.php？start=36&end=36”，函数（）{
console.log（'load complete'）；
}));

---

更多信息-

您可以使用回调函数：

var loadingHTML=$（“加载…”）；
加载tml.hide（）；
$（“.row”）.append（加载TML）；
加载tml.fadeIn（“慢”）；
$（“.row”）.append（$（“”）.load（“获取更多图像.php？start=36&end=36”），函数（）{
控制台日志（“图像加载”）；
});查看文档：