如何在此模板中添加加载在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> 

的Jquery：

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

OR

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