blocks|key|1531598|text|根据jQuery的documentation，对于对图像使用load事件有许多注意事项。正如在另一个答案中所指出的，ahpi.imgload.js插件被破坏了，但是链接的保罗·爱尔兰要点不再被维护。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1531599|根据保罗·爱尔兰的说法，用于检测图像加载完成事件的规范插件现在位于：|style|BOLD|1531600|https://github.com/desandro/imagesloaded|1531601|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/load-event/|1^0|9|D|0|0|P|4|0|0|14|1|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@$A|X|B|Y|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|J|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|M|N|O|C|$P|I]]]]

Per jQuery's <a href="http://api.jquery.com/load-event/" rel="noreferrer">documentation</a>, there are a number of caveats for using the load event with images. As noted in another answer, the ahpi.imgload.js plugin is broken, but the linked Paul Irish gist is no longer maintained. 

Per Paul Irish, the canonical plugin for detecting image load complete events is now at:

<a href="https://github.com/desandro/imagesloaded" rel="noreferrer">https://github.com/desandro/imagesloaded</a>

blocks|key|5346427|text|如果您不想检查所有图像，但要检查特定的图像(例如，在DOM完成后动态替换的图像)您可以使用以下命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5346428|$('#myImage').attr('src',+'image.jpg').on("load",+function()+{++
++alert('Image+Loaded');++
});++|code-block|syntax|javascript|5346429|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you want to check for not all images, but a specific one (eg. an image that you replaced dynamically after DOM is already complete) you can use this:

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

blocks|key|3928868|text|你可以使用我的插件来处理这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3928869|$(document).waitForImages(function()+{
+++//+Loaded.
});|code-block|syntax|javascript|3928870|这样做的好处是您可以将其本地化到一个祖先元素，并且它可以optionally检测在CSS中引用的图像。|offset|length|3928871|不过，这只是冰山一角，请查看documentation了解更多功能。|3928872|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/alexanderdickson/waitForImages#advanced|1|https://github.com/alexanderdickson/waitForImages/blob/master/README.md^0|0|0|S|A|0|0|E|D|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@$I|13|J|14|1|15]]|A|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

You can use my plugin <a href="https://github.com/alexanderdickson/waitForImages">waitForImages</a> to handle this...

<pre><code>$(document).waitForImages(function() {
 // Loaded.
});
</code></pre>

The advantage of this is you can localise it to one ancestor element and it can <a href="https://github.com/alexanderdickson/waitForImages#advanced">optionally</a> detect images referenced in the CSS.

This is just the tip of the iceberg though, check the <a href="https://github.com/alexanderdickson/waitForImages/blob/master/README.md">documentation</a> for more functionality.

blocks|key|5346474|text|不保证使用jQuery+$().load()作为IMG事件处理程序。如果图像从缓存中加载，则某些浏览器可能不会触发该事件。在(较老的？)如果您将IMG元素的SRC属性更改为相同的值，则onload事件将不会触发。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5346475|这似乎在最新的jQuery+(1.4.x)+-+http://api.jquery.com/load-event+-中得到了认可：|offset|length|5346476|5346477|如果从浏览器缓存中加载图像，则可能不会触发load事件。为了解决这种可能性，我们可以使用一个特殊的load事件，该事件在图像准备就绪时立即触发。event.special.load目前以插件的形式提供。|blockquote|5346478|5346479|5346480|现在有一个插件可以识别这种情况和IE的IMG元素加载状态的"complete“属性：http://github.com/peol/jquery.imgloaded/raw/master/ahpi.imgload.js|5346481|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/load-event|1|http://github.com/peol/jquery.imgloaded/raw/master/ahpi.imgload.js^0|0|O|W|0|0|0|0|0|0|16|1U|1|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@$D|Z|E|10|1|11]]|A|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|13|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|16|8|@]|9|@$D|17|E|18|1|19]]|A|$]]|$1|N|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U]]|V|$5|Q|R|S|A|$T|W]]]]

Use of the jQuery $().load() as an IMG event handler isn't guaranteed. If the image loads from the cache, some browsers may not fire off the event. In the case of (older?) versions of Safari, if you changed the SRC property of an IMG element to the same value, the onload event will NOT fire.

It appears that this is recognized in the latest jQuery (1.4.x) - <a href="http://api.jquery.com/load-event" rel="noreferrer">http://api.jquery.com/load-event</a> - to quote:

<blockquote>
 It is possible that the load event will not be triggered if the image is loaded from the browser cache. To account for this possibility, we can use a special load event that fires immediately if the image is ready. event.special.load is currently available as a plugin. 
</blockquote>

There is a plug-in now to recognize this case and IE's "complete" property for IMG element load states:
<a href="http://github.com/peol/jquery.imgloaded/raw/master/ahpi.imgload.js" rel="noreferrer">http://github.com/peol/jquery.imgloaded/raw/master/ahpi.imgload.js</a>

blocks|key|5346597|text|根据this+answer，您可以在window对象上使用jQuery+load+event，而不是document|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5346598|jQuery(window).load(function()+{
++++console.log("page+finished+loading+now.");
});|code-block|syntax|javascript|5346599|这将在页面上的所有内容加载完成后触发。这与jQuery(document).load(...)不同，后者是在DOM加载完成后触发的。|5346600|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/545005/3715|1|http://api.jquery.com/load-event/^0|I|6|1E|8|2|B|0|T|H|1|0|0|L|Q|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@$9|11|A|12|1|13]|$9|14|A|15|1|16]]|E|$]]|$1|F|3|G|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]|U|$5|P|Q|R|E|$S|V]]]]

As per <a href="https://stackoverflow.com/a/545005/3715">this answer</a>, you can use the <a href="http://api.jquery.com/load-event/" rel="nofollow noreferrer">jQuery load event</a> on the <code>window</code> object instead of the <code>document</code>:

<pre><code>jQuery(window).load(function() {
 console.log("page finished loading now.");
});
</code></pre>

This will be triggered after all content on the page has been loaded. This differs from <code>jQuery(document).load(...)</code> which is triggered after the DOM has finished loading.

blocks|key|3928893|text|如果你需要一个跨浏览器的解决方案，imagesLoaded插件是不错的选择|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3928894|+$("<img>",+{src:+'image.jpg'}).imagesLoaded(+function(+$images,+$proper,+$broken+){
+if($broken.length+>+0){
+//Error+CallBack
+console.log('Error');
+}
+else{
+//+Load+CallBack
+console.log('Load');
+}
+});|code-block|syntax|javascript|3928895|如果你只需要一个IE+WorkAround，这就可以了|3928896|+var+img+=+$("<img>",+{
++++error:+function()+{console.log('error');+},
++++load:+function()+{console.log('load');}
++++});
++img.attr('src','image.jpg');|3928897|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/desandro/imagesloaded^0|H|C|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<a href="https://github.com/desandro/imagesloaded" rel="nofollow">imagesLoaded</a>
 Plugin is way to go ,if you need a crossbrowser solution

<pre><code> $("&lt;img&gt;", {src: 'image.jpg'}).imagesLoaded( function( $images, $proper, $broken ){
 if($broken.length &gt; 0){
 //Error CallBack
 console.log('Error');
 }
 else{
 // Load CallBack
 console.log('Load');
 }
 });
</code></pre>

If You Just Need a IE WorkAround,This Will Do

<pre><code> var img = $("&lt;img&gt;", {
 error: function() {console.log('error'); },
 load: function() {console.log('load');}
 });
 img.attr('src','image.jpg');
</code></pre>

blocks|key|1818825|text|现在ahpi.imgload.js插件上有一条说明，说它目前已经坏了，现在就试试这个要点：https://gist.github.com/797120/7176db676f1e0e20d7c23933f9fc655c2f120c58|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1818826|entityMap|0|LINK|mutability|MUTABLE|url|https://gist.github.com/797120/7176db676f1e0e20d7c23933f9fc655c2f120c58^0|19|1Z|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

There's a note on the ahpi.imgload.js plugin at the moment saying that it is currently broken, and to try this gist instead:
<a href="https://gist.github.com/797120/7176db676f1e0e20d7c23933f9fc655c2f120c58" rel="nofollow">https://gist.github.com/797120/7176db676f1e0e20d7c23933f9fc655c2f120c58</a>

blocks|key|5346621|text|对于同源图像，您可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5346622|$.get('http://www.your_domain.com/image.jpg',+imgLoaded);

function+imgLoaded(){
++++console.log(this,+'loaded');
}|code-block|syntax|javascript|5346623|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<h3>For same-origin images, you could use:</h3>
<pre><code>$.get('http://www.your_domain.com/image.jpg', imgLoaded);

function imgLoaded(){
 console.log(this, 'loaded');
}
</code></pre>

blocks|key|3928839|text|也许这个插件可能会有用：http://www.farinspace.com/jquery-image-preload-plugin/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3928840|entityMap|0|LINK|mutability|MUTABLE|url|http://www.farinspace.com/jquery-image-preload-plugin/^0|C|1I|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

maybe this plugin may be useful: <a href="http://www.farinspace.com/jquery-image-preload-plugin/" rel="nofollow">http://www.farinspace.com/jquery-image-preload-plugin/</a>

blocks|key|1818936|text|++function+CheckImageLoadingState()
++{
+++++var+counter+=+0;
+++++var+length+=+0;

+++++jQuery('#siteContent+img').each(function()+
+++++{
++++++++if(jQuery(this).attr('src').match(/(gif%7Cpng%7Cjpg%7Cjpeg)$/))
++++++++++length%2B%2B;
+++++});

+++++jQuery('#siteContent+img').each(function()+
+++++{++
++++++++if(jQuery(this).attr('src').match(/(gif%7Cpng%7Cjpg%7Cjpeg)$/))
++++++++{
+++++++++++jQuery(this).load(function()+
+++++++++++{
+++++++++++}).each(function()+{
++++++++++++++if(this.complete)+jQuery(this).load();
++++++++++++});
++++++++}
++++++++jQuery(this).load(function()
++++++++{
+++++++++++counter%2B%2B;
+++++++++++if(counter+===+length)+
+++++++++++{++
++++++++++++++//function+to+call+when+all+the+images+have+been+loaded
++++++++++++++DisplaySiteContent();
+++++++++++}
++++++++});
+++++});
++}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1818937|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> function CheckImageLoadingState()
 {
 var counter = 0;
 var length = 0;

 jQuery('#siteContent img').each(function() 
 {
 if(jQuery(this).attr('src').match(/(gif|png|jpg|jpeg)$/))
 length++;
 });

 jQuery('#siteContent img').each(function() 
 { 
 if(jQuery(this).attr('src').match(/(gif|png|jpg|jpeg)$/))
 {
 jQuery(this).load(function() 
 {
 }).each(function() {
 if(this.complete) jQuery(this).load();
 });
 }
 jQuery(this).load(function()
 {
 counter++;
 if(counter === length) 
 { 
 //function to call when all the images have been loaded
 DisplaySiteContent();
 }
 });
 });
 }
</code></pre>

blocks|key|1527148|text|$(+"img.photo"+).load(function()+{

++++$(".parrentDiv").css('height',$("img.photo").height());
++++//+very+simple

});+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1527149|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$( "img.photo" ).load(function() {

 $(".parrentDiv").css('height',$("img.photo").height());
 // very simple

}); 
</code></pre>

blocks|key|5346656|text|我创建了自己的脚本，因为我发现许多插件都相当臃肿，我只是想让它以我想要的方式工作。Mine检查是否每个图像都有一个高度(原生图像高度)。我将其与$(window).load()函数结合使用，以解决缓存问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5346657|我对它进行了大量的代码注释，所以即使你不使用它，看起来也应该很有趣。它非常适合我。|5346658|不用再多说了，这里就是：|5346659|imgLoad.js+script|offset|length|5346660|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/JohnnyBash/imgLoad^0|0|0|0|0|H|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@$H|V|I|W|1|X]]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

I created my own script, because I found many plugins to be quite bloated, and I just wanted it to work the way I wanted. Mine checks to see if each image has a height (native image height). I've combined that with the $(window).load() function to get around the issues of caching. 

I've code commented it quite heavily, so it should be interesting to look at, even if you don't use it. It works perfectly for me. 

Without further ado, here it is:

<a href="https://github.com/JohnnyBash/imgLoad" rel="nofollow">imgLoad.js script</a>

blocks|key|1531651|text|正在等待加载所有图像...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1531652|我在jquery:+how+to+listen+to+the+image+loaded+event+of+one+container+div?找到了解决我的jfriend00问题的方法..和"if+(this.complete)“|offset|length|1531653|正在等待加载所有内容，可能还有一些内容在缓存中!.我添加了"error“事件...在所有浏览器上都是健壮的|style|BOLD|1531654|$(function()+{+//+Wait+dom+ready
++++var+$img+=+$('img'),+//+images+collection
++++++++totalImg+=+$img.length,
++++++++waitImgDone+=+function()+{
++++++++++++totalImg--;
++++++++++++if+(!totalImg)+{
++++++++++++++++console.log($img.length%2B"+image(s)+chargée(s)+!");
++++++++++++}
++++++++};
++++$img.each(function()+{
++++++++if+(this.complete)+waitImgDone();+//+already+here..
++++++++else+$(this).load(waitImgDone).error(waitImgDone);+//+completed...
++++});
});|code-block|syntax|javascript|1531655|演示：http://jsfiddle.net/molokoloco/NWjDb/|1531656|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/8570018/jquery-how-to-listen-to-the-image-loaded-event-of-one-container-div|1|http://jsfiddle.net/molokoloco/NWjDb/^0|0|2|1X|0|0|15|C|0|0|3|11|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@$D|12|E|13|1|14]]|A|$]]|$1|F|3|G|5|6|7|15|8|@$D|16|E|17|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|18|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|19|8|@]|9|@$D|1A|E|1B|1|1C]]|A|$]]|$1|Q|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]]]

Waiting for all images to load... 
I found the anwser to my problem with jfriend00 here <a href="https://stackoverflow.com/questions/8570018/jquery-how-to-listen-to-the-image-loaded-event-of-one-container-div">jquery: how to listen to the image loaded event of one container div?</a> .. and "if (this.complete)" 
Waiting for the all thing to load and some possibly in cache !.. and i have added the "error" event...
it's robust across all browsers

<pre><code>$(function() { // Wait dom ready
 var $img = $('img'), // images collection
 totalImg = $img.length,
 waitImgDone = function() {
 totalImg--;
 if (!totalImg) {
 console.log($img.length+" image(s) chargée(s) !");
 }
 };
 $img.each(function() {
 if (this.complete) waitImgDone(); // already here..
 else $(this).load(waitImgDone).error(waitImgDone); // completed...
 });
});
</code></pre>

Demo : <a href="http://jsfiddle.net/molokoloco/NWjDb/" rel="nofollow noreferrer">http://jsfiddle.net/molokoloco/NWjDb/</a>

blocks|key|1819038|text|window.load+=+function(){}|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1819039|它被所有的浏览器完全支持，并且当所有的图像都被完全加载时，它会触发一个事件。|1819040|https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload|1819041|entityMap|0|LINK|mutability|MUTABLE|url^0|0|Q|0|0|0|23|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|U|8|@]|D|@$9|V|A|W|1|X]]|E|$]]|$1|J|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|I]]]]

<code>window.load = function(){}</code>

Its fully supported by all browsers, and it will fire an event when all images are fully loaded.

<a href="https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload</a>

Is it possible to detect when all images are loaded via a jQuery event?

Ideally, there should be a 

<pre><code>$(document).idle(function()
{
}
</code></pre>

or

<pre><code>$(document).contentLoaded(function()
{
}
</code></pre>

But I can't find such a thing. 

I thought of attaching an event like this:

<pre><code>$(document).ready(function()
{
 var imageTotal = $('img').length;
 var imageCount = 0; 
 $('img').load(function(){if(++imageCount == imageTotal) doStuff();});
}
</code></pre>

But will this break if an image fails to load? It's critically important for the method to be called, and at the right time.

jQuery event for images loaded

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

是否可以通过jQuery事件检测到何时加载了所有图像？理想情况下，应该有一个$(document).idle(function(){}或$(document).contentLoaded(function(){}但我找不到这样的东西。我想像这样附加一个事件：$(document).ready(function(){    var imageTotal = $('img').length;    v

问已加载图像的jQuery事件
EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问已加载图像的jQuery事件EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问已加载图像的jQuery事件
EN