2011-02-15 138 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;樣式。