ansaurus

Question

Answer 1

+3 A:

You're right. Execute your code on DOM ready.

$j(document).ready(function(){
  $j("<div class='dk-logo'></div>").appendTo("body");
});

Anpher 2010-08-26 14:10:21

Answer 2

+4 A:

Make sure the DOM is loaded first by doing this:

$j(function() {
    $j("<div class='dk-logo'></div>").appendTo("body");
});

This is a shortcut for jQuery's ready() function. The code inside is not executed until the <body> tag is fully loaded.

Because you were placing the code before the <body> tag, there was no <body> yet to which to append.

patrick dw 2010-08-26 14:11:03

+1 for shortcut :)

Anpher 2010-08-26 14:12:20

Answer 3

+1 A:

When prop-view.js is executed, the body is not yet available. Just attach the script-tags at the bottom of the body-tag. The page loads faster and the script will run as expected

<body>
   ...
   <script ...></script>
</body>

john_doe 2010-08-26 14:17:37

ansaurus

tags:

views:

answers:

javascript not executing on page load?

related questions