Comments on: Introducing $(document).ready()

By: Jared - Regina Web Design

Jared - Regina Web Design — Fri, 30 Dec 2011 02:13:13 +0000

Good read, but a small correction, you can have mutliple functions in the onload in a body tag…

This works fine, but yes, it does add extra markup

By: Pete

Pete — Tue, 06 Sep 2011 19:28:48 +0000

Karl & Jörn (first commenter) – Many thanks for the explanation – I just inherited some web code that had the javascript $(document).ready code and the shorter version. It was great to see that they are one and the same.

By: Karl Swedberg

Karl Swedberg — Fri, 02 Sep 2011 13:16:07 +0000

I'm guessing that you're binding a click handler to links (). If so, you need to either return false at the end of the function or pass in the event object and call event.preventDefault(). Your code should look something like this:

$('findSomething').bind('click', function() {
  // do something
  return false;
});

or like this:

$('findSomething').bind('click', function(event) {
  event.preventDefault();
  // do something
});

You will, of course, need to replace 'findSomething' with the real selector and replace the // do something comment with your real code. p.s. Looks like you didn't escape the < and > in your comment.

By: David

David — Fri, 02 Sep 2011 11:33:47 +0000

Hi, i use buttons with . Alwaays when clicked on one of these buttons, the document.ready is executed again (FF and IE). Is there a way to get rid of the repeated execution?

By: Pierre

Pierre — Mon, 29 Aug 2011 15:30:08 +0000

Hi Billy,

The document.ready() fires when your DOM (your webpage tree) is loaded, but not the content of your page.

Therefore, the window.load() function fires when everything on your page has been loaded.

So you can use the first one when you’re manipulating text, css and html, but you absolutely have to use the second one when you manipulate heavy stuff such as pictures.

I hope i ‘d been helpful.

By: Pierre

Pierre — Mon, 29 Aug 2011 15:25:41 +0000

Hi Rob,
you have to call your ‘jQuery Goodness’ inside a $(document).ready or $(window).load depending of your goodness.

But your functions can be far away from this tags.

This is an exemple :
function putText(){ $(body).html('hello world!'); }

$(document).ready(function(){ putText(); });

By: Rob Phillips

Rob Phillips — Tue, 24 May 2011 14:50:22 +0000

Sorry, I tried to read all the comments, to see if my question had already been asked, but my eyes started to burn…lol

Just wondering, when it was said “all your jQuery goodness here”, does that mean that I need to structure my code so that every function that I have created that uses a jQuery method or function should go inside the .ready()?

By: Ankit

Ankit — Fri, 29 Apr 2011 11:54:53 +0000

After some googleing….
There is no difference.

$ is the same as jQuery. If you view the unminified source, you will see var $ = jQuery = … or something to that effect.

The jQuery function checks the type of it’s parameter, if it is a function, it treats it the same as $(document).ready(…)

Calling jQuery without a parameter defaults to using document. So $() and $(document) are identical. Try it in Firebug.

By: Billy bureua

Billy bureua — Sat, 19 Mar 2011 21:35:19 +0000

What is the difference in the whole documentReady versus window/document.load? And what’s this business that the javascript calls should be put just above the closing html tag so that all is loaded before the javascript.

I’ve heard the document.onLoad is what is really needed to actually manipulate any elements on the page once they are actually available?

By: » Ensuring JavaScript Is Enabled Before Displaying Content On A Web Page dougv.com « Doug Vanderweide

Fri, 18 Feb 2011 13:06:22 +0000

[...] syntax for jQuery. If you are using jQuery, you can use $(document).ready() instead of the body’s onload event and the checkJS() function. All you need to do is add this [...]