等待移除所有id的.loading类(removeClass(“loading”))和enable按钮

Question

如何检查页面上是否不再加载类并启用按钮？

现在我像下面这样检查它：

if (!($('.loading').length > 0)){

console.log("page loading is done")

}

这似乎不管用。它只检查一次，什么也不会发生，因为我们仍然将装入类分配给其中一个id。

Answer 1

您可以使用javascript的setInterval方法，如下所示

setInterval(function(){ 
   if (!($('.loading').length > 0)){
       console.log("page loading is done") 
       clearInterval(interval); 
   }
}, 1000);

Answer 2

干净的方法是找到一个.loading类被移除的地方，并在那里附加你的代码(理想情况下，在那里触发事件并附加到你的代码中)。

尝试搜索removeClass('.loading')或仅搜索.loading并在其中添加代码，或通过触发事件

$(document).trigger('my-event-loaded');

然后

$(document).on('my-event-loaded', function() {
    console.log("page loading is done");
});

还有一种非常肮脏的方法--定期检查它：(尽可能避免)

var interval = setInterval(function() {
    if (!($('.loading').length > 0)) {
        console.log("page loading is done");
        clearInterval(interval); 
    }
}, 500);