javascript - 如何在 throbber/加载过程中隐藏背景

标签 javascript jquery ajax

我在我的页面中使用ajax throbber。

Throbber 工作正常。但是,我想在 throbber 运行时隐藏背景。

这是我正在寻找的示例?

https://drupal.org/files/ajax-block-working.png https://drupal.org/files/sexy-throbber.png

最佳答案

您应该有一个带有以下 css 代码的 div:

.overlay{background:rgba(0,0,0,0.5);
position:fixed;
z-index:99999;
top:0;
left:0;
}

然后在html中这样写:

<div class="overlay" id="ovly"> </div>

最后在脚本中写道:

//when your ajax is start loading
$("#ovly").show();

请记住,在您的 css 中,除了加载 img 属性之外,不应有任何超过 99999 的 z-index

关于javascript - 如何在 throbber/加载过程中隐藏背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22128180/

相关文章:

javascript - 使用 jQuery 通过 url 中的哈希值显示页面的一部分

javascript - Html5 复杂形状和事件 - 推荐一种可维护和灵活代码的方法

javascript - 使固定的 div 不水平滚动?

javascript - 浏览器自动完成(损坏的)html 标签(如何禁用)

javascript - 如何处理两个ajax请求?

jquery - 我怎样才能在点击时重新加载一个div?

javascript - HTML localStorage CSS 问题?

javascript - 如何在javascript中将数组键和值对中的一个数组中的值分配给另一个数组?

javascript - 可以对文件 ://protocol? 使用react

javascript - 数据更改时发出警报 - JSON、AJAX 和 jQuery