.load() works with window, not with ID

Question

i want to execute a Command after finish loading a Div. Should be easy, but i couldn´t handle it.

//With window it works fine
$(window).load(function()
{
 alert($("#firstAmazon").attr("class"));
});

//With an other Object not
$("#firstAmazon").load(function()
{
 alert("firstAmazon loaded");

});

<div class="socialIcon" id="firstAmazon">
 <a href="amazon" title="Amazon">
 <img src="../img/socialBar/amazon.png">
 </a>
</div>

That comment was very helpful

div elements do not raise a load event, only the document, window and img elements do. – Rory McCrossan 16 mins ago

Actually i want to execute teh command after loading the img (amazon.png), So document ready don´t help me.

it works not like the documentation. I want that the load() fires after the Image is loaded.

$("#firstPic").load(function()
{
 alert("firstPic loaded");

});

<div class="socialIcon">
 <img  id="firstPic" src="http://www.smartturtle.com/img/header.jpg">
</div>

here the documentation http://api.jquery.com/load-event/

$( "#book" ).load(function() {
  // Handler for .load() called.
});

<img src="book.png" alt="Book" id="book">

`div` elements do not raise a `load` event, only the `document`, `window` and `img` elements do. — Rory McCrossan, Feb 25 '15 at 11:12
use Document.ready event of jquery. ready event fire only when div get render. — Pushker Yadav, Feb 25 '15 at 11:18

score 0 · Answer 1 · answered Feb 25 '15 at 11:11

0

The div elements do not raise a load event.

Use document.ready handler as shown :-

$(function(){
   alert("firstAmazon loaded");
});

The document.ready handler executes after the DOM is completely loaded.

answered Feb 25 '15 at 11:11

Kartikeya Khosla

18,039
8
39
64

Actually i want to execute the command after loading the img (amazon.png), So document ready don´t help me. – David Siebenförcher Feb 25 '15 at 12:37
@DavidSiebenförcher...you can use `.load()` for images .. see here http://stackoverflow.com/questions/3877027/jquery-callback-on-image-load-even-when-the-image-is-cached – Kartikeya Khosla Feb 26 '15 at 04:31

score 0 · Answer 2 · answered Feb 25 '15 at 11:15

0

Use this document ready function()

$(document).ready(function(){
   alert("firstAmazon loaded");
});

answered Feb 25 '15 at 11:15

I'm Geeker

4,642
5
19
40

Actually i want to execute the command after loading the img (amazon.png), So document ready don´t help me. – David Siebenförcher Feb 25 '15 at 12:37

111 · Answer 3 · 2015-02-25T12:37:35.417

0

You can also try this way to check div loaded

var interval;
window.onload = createInterval(); 

function createInterval(){ 
   interval=setInterval(readyCheck(),100); 
} 

function readyCheck(){ 
  if($('#firstAmazon img').get(0).complete){ 
     clearInterval(interval); 
     alert('firstAmazon loaded'); 
  } 
  else { 
     alert('firstAmazon loading');
  } 
}

edited Feb 25 '15 at 12:37

answered Feb 25 '15 at 12:13

111

1,731
1
11
15

it starts the interval, but never fires any alert – David Siebenförcher Feb 25 '15 at 12:30
may be jQuery version conflict, try this line interval=setInterval(readyCheck(),100); instead of interval=setInterval("readyCheck()",100); – 111 Feb 25 '15 at 12:38

score 0 · Answer 4 · answered Feb 25 '15 at 12:25

0

Try This

<script type="text/javascript">
                jQuery(document).ready(function($) {

                    $(window).load(function(){
                      alert($("#firstAmazon").attr("class"));
                    });

                });
            </script>

answered Feb 25 '15 at 12:25

ajinkya bandagale

31
4

the window.load function sill works, but i get never a flag when a image is loaded. – David Siebenförcher Feb 25 '15 at 12:34
Actually i want to execute the command after loading the img (amazon.png), So that doesn´t helps me. – David Siebenförcher Feb 25 '15 at 12:38

.load() works with window, not with ID

4 Answers4