javascript - 如何在 Django 的这个模板中添加加载？

Question

我在模板中有一个表单，可以将 POST 请求提交到 test_connection 视图。test_connection 视图至少需要 1 分钟来处理，所以那时我想向Testing connection...用户添加消息。当用户按下提交按钮时，我想显示加载按钮。我试过这个：

HTML：

<div id="loading">
  <img id="loading-image" src="images/ajax-loader.gif" alt="Loading..." />
</div>

查询：

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

但它不起作用。怎么了？

Answer 1

利用：

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

或者

$(window).load(function() {
  $('#loading').hide();
});