0

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

しかし、それは機能していません。どうしたの?

4

1 に答える 1

0

使用する:

$(document).ready(function() {
   $('#loading').hide();
});

また

$(window).load(function() {
  $('#loading').hide();
});
于 2013-05-30T07:24:07.587 に答える