Execute javascript on page load

Question

What instruction should I use so this function is executed once the page loads instead of on click? I tried:

window.onload=function () {
("#geocomplete").trigger("geocode");

but the code above didn't work.

<script>
    $(function () {
        $("#variables").variables({
            map: ".map_canvas",
            details: "form",
            types: ["calculations", "grades"]
        });

        $("#submit_button").click(function () {

            $("#variables").trigger("calculations");
        });
    });
</script>

You second code block (with the <script> tag) should fire when the document is done loading due to you having $(function() {...}), as per jQuery's .ready() docs (api.jquery.com/ready). Assuming $ is jQuery at least... — ajp15243
– ajp15243, Commented Feb 25, 2013 at 1:32

Matt Browne · Accepted Answer · 2013-02-25 01:32:48Z

2

window.onload happens before jQuery's event $(document).ready() (which as you're probably aware, you've set up using the shorthand version, $(function() {...})).

So you're trying to trigger an event that hasn't been set up yet.

As @David pointed out, you could just put the trigger code at the end of your existing code inside $(function() {...}).

answered Feb 25, 2013 at 1:32

Matt Browne

12.5k5 gold badges61 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Execute javascript on page load

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related