Home/ Questions/Q 8061799
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T10:27:43+00:00

I am attempting to understand the ‘load’ event in jQuery as described here: http://api.jquery.com/load-event/

  • 0

I am attempting to understand the ‘load’ event in jQuery as described here: http://api.jquery.com/load-event/. So far, I have been unable to get it triggered even once!

Here is some sample code. The only console message that turns up is “DOM READY” -not a single load call. Replacing calls to .load() with .bind(‘load’,..) does not make any difference.

   <!DOCTYPE html>
   <html>
   <head>
          <script src="lib/jquery.min.js"></script>
          <script>
           $(function(){
              console.log("DOM READY");
           });
           $(document).load(function(){
              console.log("Document Loaded");
           });
           $('#foo').load(function(){
              console.log("foo loaded");
           });
           $('#bar img').load(function(){
              console.log('image loaded');
           });
           $('#bar').load(function(){
              console.log('bar loaded');
           });
           </script>
   </head>
   <body>
     <div id="foo">Hellow world</div>
     <div id="bar">
        <img src="pics/pig.png"/>
     </div>
   </body>
   </html>

What am I doing wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you use the document.ready event to do your bindings, you are guaranteed that elements exist:

    $(document).ready(function(){
    $('#foo').load(function(){console.log("foo loaded");});
}
    • 0