jquery - 我怎样才能在 JavaScript 警报的情况下禁用事件的整个 HTML 页面?

标签 jquery css

我正在用 JSP/HTML 开发一个网页,我必须在按钮单击事件中禁用/“灰屏”整个网页,这样最终用户才能访问网页中的其他元素,直到它禁用。

我怎样才能做到这一点?

最佳答案

CSS:

#cover {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0.80;
   background: #aaa;
   z-index: 10;
   display: none;
}

HTML:

<body>
<div id="wrap">
 // your normal contents here
</div>
<div id="cover"> </div>
</body>

j查询:

//trigger on whatever event required.
$("#cover").fadeIn(100);
alert("something");
$("#cover").fadeOut(100); //after done.

关于jquery - 我怎样才能在 JavaScript 警报的情况下禁用事件的整个 HTML 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10477267/

相关文章:

javascript - 创建 Canvas 外菜单 Jquery

javascript - jQuery中两个按钮的相同功能

javascript - 如何从 .jsx 脚本中调用 ReactJS 元素上的 jQuery 函数?

javascript - 页面重新加载后维护菜单的最佳实践是什么?我有这个自定义代码,感觉不对

css - 如何通过 CSS 将鼠标悬停在父项上时在菜单中显示列表项?

css - div 中包含的图像未以边距 : auto 居中

javascript - 我可以在手机屏幕中间放置工具提示吗?

jquery - 粘性 header - 滚动 - CSS/jQuery

javascript - 模态重叠内容并使内容在 Bootstrap 中不可点击?

css - 在 HTML5 Canvas 上使用 CSS 样式绘制 SVG