java - 异步div

Question

我的 Java EE 应用程序(JSP 文件，从 Servlet.java 调用)中有以下代码:

    <div class="drop">               
           <c:forEach var="widget" items="${widgets}">
              <div class="drag">
                 <p><h2>Widget</h2></p>
                 // WIDGET GRAPHIC REPRESENTATION
              </div>
           </c:forEach>
     </div>
     <input class="add" type="image" src="image.jpg">

我想要的是在浏览器中加载并显示 JSP 文件，然后加载小部件。理想的情况是，只要未加载小部件，就会显示加载图标。如何实现这样的异步解决方案？有人可以解释和/或提供一个小演示吗？

Answer 1

我认为这应该对你有帮助，我不确定

//use id of div(that contains the widgets) that 
//you want to hide before all widget are shown
$('#my_div_id')
    .hide()  // hide it initially and then use load event handler
    .load(function() {
        $(this).show();//display/show the div when load completes
    })
;