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

【问题标题】：Modal Loading message while script executes脚本执行时的模态加载消息
【发布时间】：2011-01-27 14:38:40
【问题描述】：

我尝试了几种方法来解决这个问题，但都无法解决。

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

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

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

感谢您的帮助！

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

我会尝试将数据表加载到像

这样的隐藏元素中

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

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

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

【讨论】：