jQuery在图像加载后运行代码

简单的jQuery代码段等待在运行一些代码之前等待图像加载。唯一的缺点是您需要提供图像名称（包括扩展名）。

<span>$('#myImage').attr('src', 'image.jpg').load(function() {  
</span>	<span>//run code
</span>	<span>alert('Image Loaded');  
</span><span>});</span>

经常询问有关jQuery图像负载的问题（常见问题解答）

>什么是jQuery .load（）事件，它如何工作？

jquery .load（）事件是一个强大的工具，每当元素（例如映像）已完全加载到网页上时，会触发特定函数。仅在图像满载后才要执行某些操作时，此事件特别有用。例如，您可能需要显示一个加载动画，直到图像满载，然后隐藏动画。 .load（）事件使此功能成为可能。重要的是要注意，.load（）事件与所有浏览器中的所有元素都不一致。它最适合具有src属性的元素，例如图像。

>我如何使用jQuery检测图像何时加载？

>

您可以在jQuery中使用.load（）事件来检测图像何时加载图像。这是一个简单的示例：

$（'img'）。load（function（）{
//您的代码在此处

>}）;

在此示例中，该函数内部的代码将在加载图像加载后立即运行。

为什么在我的.load（我的.load（我的.load）中，几个原因是我的几个事件？射击。一个常见的原因是，您要定位的图像已经在脚本运行之前已经加载了。如果您的脚本位于HTML文档的头部，并且图像位于体内，则可能发生这种情况。为了避免这种情况，您可以将脚本放在身体的尽头，或使用$（document）.Dreadare（）函数来确保您的脚本仅在整个页面加载后才运行。

>

>我可以将.load（）事件与图像以外的元素一起使用？

是的，是的，您可以使用具有src atbute sribute的元素的事件。但是，重要的是要注意，.load（）事件与所有浏览器中的所有元素都不一致。它可以与图像之类的元素。

>在jquery？

中如何处理错误，您可以通过使用.ERROR（）事件在.load（）事件中处理错误。每当加载元素时发生错误时，此事件就会触发功能。这是一个示例： $（'img'）。error（function（）{ //您的代码在此处}）;在此示例中，如果加载image的错误，则函数内部的代码将运行。

>是否可以将.load（）事件与缓存图像一起使用？但是，请记住，如果映像被缓存，则可能在您的脚本运行之前加载。为了处理此问题，您可以使用.complete属性检查图像是否完成。如果完成，则可以立即运行功能。否则，您可以使用.load（）事件。

>

>如何使用.load（）事件在加载多个图像后执行操作？

您可以将.load（）事件与.promise（）方法结合使用。 .promise（）方法返回一个承诺，该承诺可以在绑定到集合的所有某个类型的所有动作（排队与否）结束时解决。

>我可以将.load（）事件与ajax？

结合使用。每当AJAX请求完成时，.load（）事件可用于运行功能。如果您想在从服务器加载数据后执行操作。

>

>我如何使用.load（）事件从服务器加载数据？

>您可以使用.load（）事件来加载.load（）事件来从服务器加载数据，从而将url作为参数传递到.load（）方法。这将向服务器发送AJAX请求，并将数据加载到所选的元素中。

是.load（）事件在jQuery中dorece effect of jquery？

是的，是，.load（）事件已弃用为jquery 1.8，并在jquery 3.0中删除。建议使用.on（）方法代替附加事件处理程序。

以上是jQuery在图像加载后运行代码的详细内容。更多信息请关注PHP中文网其他相关文章！