Java 只要jquery函数正在执行，就显示正在加载的图像

我正在开发一个SpringMVCJavaWeb应用程序。该应用程序包含一个JSP页面，上面有一个表，其中显示来自DB的数据。数据显示在属于类的文本输入中。可编辑 我实现了一个执行以下操作的脚本： -从表中选择文本输入， -使用文本输入中的数据创建一个范围 -隐藏文本输入

function editableInput() {
$('.editable').each(function() {
var input = $(this);
input.before("<span class='spanEditable'>" + input.val() + "</span>");
input.hide();
});
}

---

你可以用

来做实验。你可以试试这个，虽然很粗糙，但会奏效。加载页面时，使用以下命令将表包装到另一个div中：

$("table#table1").wrap("<div id='dvWrapp' style='background-color:#000;'/>");

您可以为包装器div设置样式，以显示正在加载的图像或一些消息

---

请尝试以下示例：

您最初是如何将数据填充到输入中的？从java还是在浏览器中？我

m从控制器发送一个ArrayList，我
m在JSP页面中使用一个循环，用列表中的数据填充表中的输入。谢谢，这会起作用，但我不想禁用整个页面，我只想隐藏表div，直到我编写的函数执行，在此期间显示一个加载的.gif图像，直到表格加载正确为止。我希望你能给出答案，虽然这会起作用，但我不喜欢它的外观，我真的很想使用众所周知的ajax-loading.gif图像您可以尝试CSSI，您刚刚尝试了您建议的第一行，它的作用是：-在hmtl代码中，它用一个背景为：黑色的div包装表格；样式但表格仍然可见您需要使用用于div的CSS。但是由于blockUI对您有效，这是很好的。我应该在用于div的CSS中更改什么，以使表格不可见？blockui可以工作，但我更喜欢一个“更轻”的动画，比如一个小的加载窗口，非常抱歉延迟。希望这仍然对你有帮助。请看一下小提琴。
$("table#table1").wrap("<div id='dvWrapp' style='background-color:#000;'/>");

$("table#table1").unwrap();