[jQuery] Why is $(document).ready not firing for me?

Question

In a php file i have used include to include the following js.php file and prior to that i have included the jquery file.

<script type="text/javascript">

$(document).ready(function(){
     alert("hello");
});
</script>

But it doesn't work. Why? when I skip the $(document).ready function it works.

But i need jquery code inside. what is wrong?

Answer 1

1. Check whether jQuery is loaded correctly.
2. Look at the browser's progress bar: it may be loading some counters and the document is not ready until they're loaded: this often happens when external resources are slow.
3. Try $(function(){ alert(...); }); just in case...
4. Check whether you have JS errors prior to this onload binding. Use Firefox's FireBug plugin to check it out.

Answer 2

The most likely answer, based on what you have said, is that the core jQuery file is not actually included correctly in the page. You need something like:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;

Chances are, this is missing or typed incorrectly.

Answer 3

Is it possible you misspelled the name of the jquery file?

Answer 4

maybe his file is loaded before jquery?

Answer 5

Another cause that will silently fail, and all remaining callbacks never called:

$(document).ready(null);

So check if you have variables or syntax errors that return null. Like this one:

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

Notice that the function above is called instantly and undefined is returned.