POST リクエストを test_connection ビューに送信するテンプレートにフォームがあります。test_connection ビューの処理には少なくとも 1 分かかるため、その時点でTesting connection...
ユーザーにメッセージを追加したいと考えています。ユーザーが送信ボタンを押すと、読み込みボタンを表示したい。私はこれを試しました:
HTML:
<div id="loading">
<img id="loading-image" src="images/ajax-loader.gif" alt="Loading..." />
</div>
Jクエリ:
$(window).ready(function() {
$('#loading').hide();
});
CSS:
#loading {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: block;
opacity: 0.7;
background-color: #fff;
z-index: 99;
text-align: center;
}
#loading-image {
position: absolute;
top: 100px;
left: 240px;
z-index: 100;
}
しかし、それは機能していません。どうしたの?