How is this different from $(document).ready()?

Question

Possible Duplicate:
Is there a difference between $().ready() and $(document).ready()

I am trying to setup jquery ui tabs for a page and I used

$(document).ready(function(){
    $('#tabs').tabs();
});

which did not work. So I checked their example and saw a different syntax which now worked

$(function(){
    $('#tabs').tabs();
});

What's the difference between the two syntaxes?

It's the same thing. Read the jQuery docs: http://api.jquery.com/ready/ — Šime Vidas, Aug 07 '12 at 23:19
It's not the same thing. At least with jQuery UI. I tried the two repeatedly to be sure — codingbiz, Aug 07 '12 at 23:20
@codingbiz I've used the `$(document).ready()` format many times, including _exactly_ as you have it above with an id `#tabs` to instantiate UI tabs. — Michael Berkowski, Aug 07 '12 at 23:22
Both should work perfectly fine as shown in the docs. If it's not working, you should check the JavaScript console to make sure there are no errors elsewhere and that jQuery is properly loading. — Kyle Ross, Aug 07 '12 at 23:23
@Jon @Michael it was edited after I commented. I still have it open in the original tab where it's missing the trailing `);` in both snippets. If you edit within a certain amount of time, a few minutes maybe, it doesn't record a new revision. — JMM, Aug 07 '12 at 23:23

score 2 · Answer 1 · answered Aug 07 '12 at 23:22

The .ready() method is typically used with an anonymous function:

$(document).ready(function() {
  // Handler for .ready() called. 
});

Which is equivalent to calling:

$(function() {  
  // Handler for .ready() called. 
});

If .ready() is called after the DOM has been initialized, the new handler passed in will be executed immediately.

1 Answers1