Javascript检查所有点击是否已完成加载元素

Question

我有一个页面，访问者启动一个函数，对整个页面中的众多元素执行click（）。每次click（）反过来都会导致数据从服务器加载并在整个DOM中显示。

查看每个特定元素是否已完成加载数据的最佳方法是什么？假设我测试加载vs未加载的方法是“elementAlpha”.length：1 ==未加载，否则OK。

编辑：一旦我的所有数据加载，我希望页面自动执行另一个函数而无需任何进一步的用户输入 - 这就是为什么我需要在执行所述函数之前自动执行所有元素的测试。所以我的最终游戏是：

用户执行clickAll（）

功能clickAll： （1）点击点击点击... （2）一切都装完了吗？否 - >等待，是 - >执行nextStep（）

我理解使用事件监听器是可行的方法，但我似乎无法弄清楚（循环等待，根据我的CPU风扇，是错误的方法）。

Answer 1

您可以将加载元素包含在.ajaxComplete（）

中

$('.log').ajaxComplete(function() {
$(this).text('Triggered ajaxComplete handler.');
});

因此，当在特定容器/选择器上完成所有ajax事件时，您会触发额外函数的行为。

编辑：

在这种情况下，您仍然可以使用jQuery.ajaxStop（）。当你所有的ajax事件都已完成时它会激活。

  

http://api.jquery.com/ajaxStop/

$('.log').ajaxStop(function() {
$(this).text('Triggered ajaxStop handler.');
});