鎖定使用網頁的同時動作稱爲

Question

我有一系列的html網頁有例如一些用戶交互：

的按鈕鏈接到php文件進行添加/刪除記錄的任務來自SQL數據庫。

我面對的問題是，連接速度慢，用戶可能覺得該按鈕沒有被點擊，因此再次點擊它導致php被再次調用。

我希望點擊按鈕時屏幕上會出現一種類型的進度條，因此可以鎖定網站以免進一步使用，直到php例程完成並刷新頁面。

我假設它將是一個Ajax類型的調用。

Answer 1

使用進度條添加記錄是非常沒用的，因爲它們讓網頁變得更慢，因爲用戶必須加載一堆javascript和進度條樣式。您最好在點擊按鈕後儘快禁用這些按鈕，並將光標更改爲load，以便用戶看到發生了某些情況。

的jQuery：

$(".submit-button").click(function() { 
    $(".submit-button").prop('disabled', true); 
}); 

CSS：

.submit-button:active { 
    cursor:load; 
} 

在這個例子中，.submit-button您的提交按鈕class。