Check for Page Load

Question

I've got a set of radiobuttons on my page. When you select any one of them, I'm forcing a postback to the server.

I default one of the radio buttons when the page initially loads. But then I do not want that default button to fire my jQuery script on the first page load because it causes an unecessary postback. Once the page loads, it's fine if later that radio button is selected, that it posts back, just not on page load.

Is there a way to check for page load in jQuery? I looked around but it's not surfacing in my search yet.

Powerlord · Accepted Answer · 2010-06-08 15:33:28Z

jQuery uses the ready callback for this.

$(document).ready(functionToCallHere);

This can be shortened to this, too:

$(function() { // Anything here will be called on page load. });

Technically, this fires as soon as the DOM finishes loading, but makes no guarantee that images will be loaded.

JavaScript itself also provides the load/onload event (which name it goes by depends on where you set it).

Edit: jQuery also has the $(window).load(functionToCallHere) event, but ready is usually what you want.

GvS · Accepted Answer · 2010-06-08 15:27:09Z

in the <head>-tag include code like this:

<script type="text/javascript"> var loading = true; </script>

You can now test for loading in your scripts.

Set it to false, after your init code is finished like this:

$(function() { // My init code $("select the radio") .val("my init value"); .change(function() { if (loading) return; $.post( //... ); }); loading = false; });

lidermin · Accepted Answer · 2010-06-08 15:27:36Z

0

What about using $(document).ready()? does it fit your needs?

answered Jun 8, 2010 at 15:27

lidermin

2,83211 gold badges44 silver badges49 bronze badges

Collectives™ on Stack Overflow

Check for Page Load

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related