2011-02-15 139 views
1

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

<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 
    .... 
}); 
}); 

回答

2

你可以使用jQuery UI块plugin

+0

我有jquery-1.4.1.js并没有运气的增加。 blockUI()错误:对象不支持此属性或方法 – MrM 2011-02-15 16:00:18

0

要做到这一点手动,你可以尝试以下。

添加这种风格

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

那么这个代码应该黑了屏。

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

要删除它调用:

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

我使用的滤波器:α(不透明度= 0);不透明度:0.0;样式。