0

我正在使用struts1。我的网站加载速度很慢，因为它正在进行一些密集的呼叫。知道如何让 div 在页面准备好时显示类似于“加载”的内容，然后在一切准备就绪时消失吗？

4

4 回答 4

0

我认为哪个对你有用

<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()函数。

于 2013-06-24T08:49:23.207 回答
0

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

于 2013-05-17T13:06:50.650 回答
0

使用 ajax 调用是在该 jsp 之上加载图像的最佳方法

于 2013-08-16T13:24:48.767 回答
0

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

例子。

<!DOCTYPE html>
<html>

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.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>

于 2013-05-17T14:15:14.807 回答