如何阻止面板的内容但不阻止整个页面

Question

我有一个要求，我有2个面板。 第一个小组有一些内容。第二个小组有一些内容

但是我需要阻止Panel1。这意味着我甚至想要显示panel1，但它应该被阻止，就像当用户点击panel1中的任何按钮时，意味着在panel1内部不会发生任何事情。它不应该被允许。这就像让面板1可见，但阻止Panel1内的所有内容一样阻塞。  但是面板2内容中的任何功能都应该有用。比如单击文本框，按钮单击，

2个面板看起来像这样

panel1： - ＆gt;应该阻止此内容，但可见

是Panel2： - ＆GT;你可以做任何你需要的改变

希望我的问题清楚

任何帮助都会很棒  谢谢

Answer 1

查看BlockUI jQuery插件，查看Element Blocking demo。

Answer 2

使用许多Lightbox和Modal Dialog插件使用的技术：在想要“禁用”的区域的顶部放置一个半透明的div。在这些插件的情况下，它们会覆盖整个页面，但在您的情况下，只需将其放置在与面板相同的位置，使其具有相同的宽度和高度。