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

我使用jquery

$（“选择器”）.load（“url”）

方法从服务器加载大型标记。但是在我的例子中，我有很多大的图像在响应html中。这些图像的渲染速度非常慢。所以我想在所有图像完全渲染之前放置一个加载指示器。然后在所有图像完全渲染后移除该指示器。如何使用jquery

load

方法实现这一点

---

提前感谢。

一种方法是在

文档中加载指示器。就绪

并将其隐藏在加载回调函数中

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

---

这只是一个开始的示例…加载完成时调用加载的回调函数。。。但是，您可以在任何需要的地方显示指示器。加载完成后将其隐藏。

一种方法是在

文档中加载指示器。就绪

并将其隐藏在加载回调函数中

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

---

这只是一个开始的示例…加载完成时调用加载的回调函数。。。但是，您可以在需要的任何位置显示指示器。加载完成后将其隐藏。

您可以使用任何DOM元素附带的

.load

事件，如：

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

---

您可以使用任何DOM元素附加的

.load

事件，如：

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

---

我不想叫雷迪。我想在点击某个按钮时调用它。当响应到来时，也会调用回调，不是所有的（图像）都被完全渲染。我不想调用ready。我想在点击某个按钮时调用它。并且在响应到来时调用callback，而不是完全渲染的所有内容（图像）。在响应到来时调用callback，而不是完全渲染的所有内容（图像）。在响应到来时调用callback，而不是完全渲染的所有内容（图像）