Question

我正在使用struts1。我的网站加载非常慢，因为它正在进行一些密集的调用。任何想法我怎么能得到一个div来说出类似于“加载”的东西来展示页面准备自己然后在一切准备就绪时消失？

Answer 1

使用ajax调用struts方法并显示加载div。完成后，您可以显示另一条消息。请参阅此页面上的示例http://api.jquery.com/jQuery.get/

Answer 2

您可以在加载页面后使用jQuery隐藏div。实施例。

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script>
  $(document).ready(function () {
    $("#loading").fadeOut();
  });
  </script>
</head>
<body>
 <div id="loading" style="background-color:red;width:100%;height:100px">
    Loading....
 </div>
</body>
</html>

Answer 3

我认为哪个对你有用

<script type="text/javascript">
        function callLoadingDiv(){
            // <![CDATA[
            $("#spinner").fadeIn("fast");
            // ]]>

        }
</script>
<style type="text/css">
#spinner {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background: url(images/loading.jpg) 50% 50% no-repeat #ffffff;
   border:1px solid black;
   opacity:0.6;
   filter:alpha(opacity=60);
}
</style>

在onclick功能或表单提交后，您必须调用此callLoadingDiv()函数。

Answer 4

使用ajax调用最适合在jsp上加载图像

如何显示页面加载图像/ div /文本，直到页面加载

4 个答案: