jQuery callback on image load (even when the image is cached)

by

If the src is already set, then the event is firing in the cached case, before you even get the event handler bound. To fix this, you can loop through checking and triggering the event based off .complete, like this:

$("img").one("load", function() {
  // do stuff
}).each(function() {
  if(this.complete) {
      $(this).load(); // For jQuery < 3.0 
      // $(this).trigger('load'); // For jQuery >= 3.0 
  }
});

Note the change from .bind() to .one() so the event handler doesn’t run twice.

More Related Contents:

  1. How to cancel a jquery.load()?
  2. how to serialize all img tags with Jquery
  3. Check if an image is loaded (no errors) with jQuery
  4. How can I trigger the same function from multiple events with jQuery?
  5. Firing events on CSS class changes in jQuery
  6. Asynchronously load images with jQuery
  7. How can I recognize touch events using jQuery in Safari for iPad? Is it possible?
  8. Difference between $(this) and event.target?
  9. How to trigger an event after using event.preventDefault()
  10. keypress, ctrl+c (or some combo like that)
  11. How to send image to PHP file using Ajax?
  12. jQuery loading images with complete callback
  13. Get clicked element using jQuery on event?
  14. How to detect new element creation in jQuery?
  15. How do I change the background image using jQuery animation?
  16. return false from jQuery click event
  17. onHide() type event in jQuery
  18. jQuery: Check if image exists
  19. What’s the difference between keyup, keydown, keypress and input events?
  20. Jquery resizing image
  21. jquery callback after all images in dom are loaded?
  22. How to pass values arguments to modal.show() function in Bootstrap
  23. How do I get actual image width and height using jQuery?
  24. jQuery get input value after keypress
  25. Display PNG image as response to jQuery AJAX request
  26. jquery html() callback function
  27. triggerHandler vs. trigger in jQuery
  28. jQuery trigger custom event synchronously?
  29. Can jQuery .load append instead of replace?
  30. change img src on click

Leave a Comment