javascript - 在 jquery 对话框而不是 html 上显示加载器 div

Question

我的 jquery 对话框代码有一些输入字段和一个提交

onSubmit 我显示加载器 div

代码片段是

$("#loading").show();
$("#loading-overlay").css("position", "fixed");
$("#loading-overlay").css("display", "block");

html是

<div id="loading-overlay">
</div>
<div id="loading">
    <span>Loading...</span>
</div>

这里 div 的 id 使用一些 css 将样式应用于该 div， 我正在使用一个模板来应用该样式，

我想用图片展示真实场景

这是我的 JQUERY 对话框

提交后这是我的 JQUERY DIALOG

加载器正在工作，但它应该显示在对话框上而不是在对话框下面 这是我的场景。 提前致谢。

Answer 1

为加载程序使用 css-position 和 z-index。

您可以通过以下方式实现此目的:

#loading{width:100%;height:100%;
    background-image:url('loader.gif');
    background-position:centre;
    background-repeat:no-repeat;
    position:fixed;
    z-index:999}