Question

我正在寻找一种方法来阻止页面上的多个提交。我有一个表在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
    ....
});
});

Answer 1

你可以使用jquery block ui plugin

Answer 2

或simplemodal：http://www.ericmmartin.com/projects/simplemodal/

Answer 3

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

添加此款式

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

然后这段代码会使屏幕变黑。

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

要删除它，请致电：

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

Answer 4

我使用过滤器：alpha（opacity = 0）;不透明度：0.0;风格。

提交后如何禁用页面？

4 个答案: