脚本执行时的模态加载消息

Question

我尝试了多种方法来解决这个问题，但一直无法解决。

基本上，我有一个大型数据表，由 Java 提供给 DOM，当页面加载数据表时，它会被加载，但随后由外部脚本 (DataTables @ datatables.net) 进行解析，该脚本对网格进行样式设置并添加功能。问题是，表格显示在页面上时没有样式，并且没有数据表脚本的功能，然后在脚本执行完成后消失并重新加载。

我想要做的是通过 jQuery 在页面加载时隐藏页面上的所有内容，然后在脚本执行后显示它，然后关闭模式加载对话框。

我的问题是：有没有办法通过模式运行加载消息，直到所有脚本都执行完毕。表中的数据相当大（2000 条记录），需要一些时间来编译......

感谢您的帮助！

Answer 1

我能想到的唯一方法是通过 ajax 加载数据和所有内容。这样，您可以加载一个非常快速的页面，其中没有太多内容，并显示加载模式对话框，开始您的表的ajax，一旦完成，您可以使用它来关闭对话框

Answer 2

我想做的是将数据表加载到隐藏元素中，例如

<div style="display:none">
     Put datatable here.
</div>

显示加载模式（不是使用javascript，它应该已经是DOM的一部分并且可见），并在回调中处理JS正在执行的工作我会做这样的事情：

function myCallBack()
{
     $('#loadingModal').hide();
     $('#dataTableDiv').show();
}