Question

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

基本上我有一个由Java提供给DOM的大型数据表，因为页面加载数据表加载但后来由外部脚本（DataTables @ datatables.net）解析，该脚本为其设置样式并添加功能网格。问题是表格显示在未设置样式的页面上，没有数据表脚本的功能，然后在脚本完成执行后消失并重新加载。

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

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

感谢您的帮助！

Answer 1

我要做的是将数据表加载到像

这样的隐藏元素中

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

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

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

Answer 2

我能想到这样做的唯一方法是通过ajax加载数据及其所有内容。这样，您可以加载一个非常快速的页面，并且显示加载模式对话框，开始表格的ajax，一旦完成就可以用来关闭对话发送响应