提交后如何禁用页面？答案

【问题标题】：How do I disable a page after a submit?提交后如何禁用页面？
【发布时间】：2011-06-27 16:43:59
【问题描述】：

我正在寻找一种方法来防止在一个页面上多次提交。我有一个表格显示在 jquery 的提交或 href 点击上。我如何将表格灰色不透明度和禁用后的所有内容？

<head>...</head>
<body>
    <input class="reloadPage" type="button"/>
    ...
    <div id="divLoad" style="display:none;">
        <table id="tblLoading">...</table>
    </div>
</body>

$(document).ready(function () {
$(".reloadPage").click(function () {
    $("#divLoad").show();
    //grey backdrop and disable page
    ....
});
});

【问题讨论】：

标签： .net jquery asp.net

【解决方案1】：

你可以使用 jquery block ui plugin

【讨论】：

我有 jquery-1.4.1.js 并且没有运气。 blockUI() 错误：对象不支持此属性或方法
你是否包含所有文件，查看帖子中的说明stackoverflow.com/questions/1624699/…

【解决方案2】：

或简单模式：http://www.ericmmartin.com/projects/simplemodal/

【讨论】：

【解决方案3】：

要手动执行，您可以尝试以下操作。

添加此样式

#block
{
   background-color:#000;
   opacity:0.5;
   position:absolute;
   width:100%;
   height:100%;
   top:0px;
}

那么这段代码应该会使屏幕变黑。

$("body").append("<div id='block'></div>");

删除它调用：

$("#block").remove();

【讨论】：

【解决方案4】：

我使用了过滤器：alpha(opacity = 0);不透明度：0.0；风格。

【讨论】：