Question

我正在使用jquery $("selector").load("url")方法从服务器加载大型标记。但在我的情况下，我在响应HTML中有很多大图像。而这些图像渲染速度非常慢。所以我想放一个加载指示器，直到所有图像完全呈现。然后在完全渲染所有图像后删除该指示符。如何使用jquery load方法实现此目的。

提前致谢。

Answer 1

一种方法是在document.ready中加载指示符并将其隐藏在加载回调函数

中

$(function(){
  //show you loader indicator
  $('#indicator').show();
  $("selector").load("url",function(){
     //indicator hide 
     $('#indicator').hide();
 })
});

这只是一个让你开始的例子......当负载完成时调用load的回调函数...但是你可以在需要的时候显示指标......只需在加载完成时隐藏它。

Answer 2

您可以使用附加任何DOM元素的.load事件，例如：

<div class="images" style="display:none;">
  <img src="img.png"/>
  <img src="img2.png"/>
  <img src="img3.png"/>
</div>

现在您可以在load事件处理函数中附加您的操作：

$('.images img').load(function(){
   $('.images').show();
   //--Your code goes here //--
});

通过jquery ajax加载图像的事件处理程序

2 个答案: