ansaurus

Question

Answer 1

A:

When are you running you script? You should run it when the DOM is ready for manipulation. Try:

$(function () {
    // do your stuff here
});

Ates Goral 2009-11-05 15:47:50

Good point, also why not just use: $('#chartImage').show() rather than the attempt to remove the style.

Lazarus 2009-11-05 15:50:50

Answer 2

A:

Shouldn't you be doing $('#chartImage').css('display', '');

DEfusion 2009-11-05 15:49:21

Well, it apparently is just a timing issue. Clearing style seems to help, according to the OP.

Ates Goral 2009-11-05 15:51:06

Answer 3

+2 A:

If you want to traverse the DOM while the page loads, you have to wait for the page to finish loading and building up the whole DOM tree. Otherwise the Javascript is interpreted immediately as the browser reads in the particular code line (usually in the HTML <head>) while the desired DOM element (which appears later in <body>) insn't built up fully yet.

You normally hook a function to the window.onload event, but in in jQuery you can hook up the ready event to the document to execute something when the document is finished loading/building.

<head>
    <script type="text/javascript">
        $(document).ready(init);

        function init() {
            // Now you can access any DOM element here.
        }
    </script>
</head>

BalusC 2009-11-05 15:52:04

ansaurus

tags:

views:

answers:

image shows only when debugging

related questions