Question

我使用此代码在我的Laravel项目中使用jquery插入微调加载程序。该代码可以正常工作，但在页面加载后微调器没有被破坏。在我的页面完全加载后，如何确保停止此jQuery？

这是微调代码

$("table tbody tr").on("click", ".deleteRow", function () {
    $(this).parent().parent().remove();
});

我的项目结构刀片是这样的：一个名为App.blade.php的主页，其中

 <script>
   var loading = new Loading({
    direction: 'ver',
      title: 'Loading',
      titleColor: '#FFF',
      titleFontSize: 14,
      animationIn: 'animated fadeIn',
      animationOut: 'animated fadeOut',
      animationDuration:  5,
   });
  </script>

Answer 1

绑定到load事件以将其停止：

window.addEventListener('load', function() {
  loading = false; //just destroy the object completely
});

您也可以使用DOMContentLoaded代替load。它们与MDN类似但不相同：

在完全加载并解析了初始HTML文档之后，无需等待样式表，图像和子帧完成加载，就会触发DOMContentLoaded事件。

Load is a bit more complex, read about the chain here to get a better understanding

在Laravel和Jquery中加载后如何停止Spinner loader？

1 个答案: