javascript - JS 循环结束时 jQuery hide()

Question

我有这个 JS 循环:

          for (var i = 0; i < jsArr.length; ++i) {
            $.post("checkdata.php", { names: jsArr[i], platforms: "1" })
            .done(function(data) {
                eval(data);
            });
          }

data 是一些 jQuery CSS 操作。我有一个加载图像，位于“loadingImg”div 类下，该图像在页面加载时显示。 checkdata.php 根据 API https://www.xboxleaders.com/ 检查名称

在循环和 jQuery .done 处理之后完成 $('#loadingImg').hide(); (隐藏图像)的最佳方法是什么完成了吗？

我曾考虑过在循环之后添加它，但这并不能保证 checkdata 已完成。

Answer 1

$.when 可以用来组合延迟，并且当所有延迟都解决时才会解决。

var defs = [];
for (var i = 0; i < jsArr.length; ++i) {
  defs.unshift($.post("checkdata.php", { names: jsArr[i], platforms: "1" }));
  defs[0].done(function(data) {
    eval(data);
  });
}

$.when.apply($, defs).done(function() {
  $('#loadingImg').hide();
});