Why is $(document).ready(); undefined?

Question

I thought that I was doing everything right, however I keep getting this error. $(document).ready(); // undefined in the console. I imported my jquery script.

    <script src = "//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script >

        $(document).ready(function(){

            $("div#chat").hide();

        });

        function send_file(){

        }

        function remove_selected(){

        }

        function changeToFile(){

        }

        function chatToProfile(){

        }

        function changeToChat(){

        }
    </script>

//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js missing http or https? — Andrew McGivery, Mar 06 '13 at 04:37
@AndrewMcGivery It becomes protocol-relative. `//` is valid. — Anirudh Ramanathan, Mar 06 '13 at 04:38
make sure its not conflicting with other library..use $.noConflict(); — Dipesh Parmar, Mar 06 '13 at 04:38
If you are doing this in wordpress, I always have to use `jQuery(document).ready(function($) {})` — bretterer, Mar 06 '13 at 04:39
also try $(function(){ code here }); this pattern its alternative see if thats work.. — Dipesh Parmar, Mar 06 '13 at 04:40
mark the correct answer as correct answer. Click on the check mark besides that answer. — radu florescu, Mar 06 '13 at 04:42
You would have seen this in your developer console; it would have said that loading the JavaScript file failed :) — Ja͢ck, Mar 06 '13 at 04:45
without Protocol you can read the JS. that's called relative Protocol URL http://paulirish.com/2010/the-protocol-relative-url/ — Ravi Gadag, Mar 06 '13 at 04:46
possible duplicate of [Does using //www.example.com in Javascript chose http/https protocol automatically](http://stackoverflow.com/questions/5799577/does-using-www-example-com-in-javascript-chose-http-https-protocol-automatical) — Ja͢ck, Mar 06 '13 at 04:52

score 15 · Accepted Answer · answered Mar 06 '13 at 04:39

15

If you're running this file locally (which I suspect you are...), this will attempt to find the referenced file on your local system, which will not be there.

To fix this, instead use this:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

answered Mar 06 '13 at 04:39

Ryan Bigg

106,965
23
235
261

what is different here other than the `http:` being added? – bretterer Mar 06 '13 at 04:41
@Alexey: His answer was incorrect first. He has since edited it. – Ryan Bigg Mar 06 '13 at 04:42
@bretterer: The http means that it will look it up online, rather than on the local file path. Go ahead, try copypasta'ing OP's code to somewhere local and opening it in your browser. You'll see the same error he is seeing. – Ryan Bigg Mar 06 '13 at 04:43
it was not incorrect i typed http://// instead of http:// and corrected it. you can check the history. – Nishanth Nair Mar 06 '13 at 04:43
@RyanBigg i did copy paste it and tested in local but guess what i did not get any kind of error in firebug...strange..?? – Dipesh Parmar Mar 06 '13 at 04:45
@RyanBigg I actually did not know that... I thought with the `//` it would just use the correct protocol not actually look locally – bretterer Mar 06 '13 at 04:45
2

@bretterer It uses the **current** protocol (`file:///` in the OP's case), not necessarily the **correct** one. – Anirudh Ramanathan Mar 06 '13 at 04:45

Nishanth Nair · Answer 2 · 2013-03-06T04:58:20.327

3

Need to add http: in your script reference. try this:

<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

edited Mar 06 '13 at 04:58

answered Mar 06 '13 at 04:37

Nishanth Nair

2,975
2
19
22

5

That's not an error. It fetches it with the current scheme. If you use `http:` explicitly, you might be introducing a security issue with HTTPS, so in fact, it may be better to *omit* `http:`. – icktoofay Mar 06 '13 at 04:38
@Whizkid747 That was quite unfair to you. +1 from me, but `http` is missing sounded like you were saying `//` is invalid. – Anirudh Ramanathan Mar 06 '13 at 04:48
1

The solution proposed is the same as what Ryan proposed, yes, but Ryan gave an explicit description of one case in which `//` would not work as expected. "`http:` is missing" makes it sound like omitting it is incorrect. In fact, *including* `http:` may be a slight security risk as I pointed out in my first comment, so giving that as a blanket recommendation without knowing the circumstances or giving preconditions, I think, is a bad idea. – icktoofay Mar 06 '13 at 04:50
yes, Bad English! :). corrected the sentence. Any time // doesn't work, add the protocol as its pretty much obvious that file is opened locally!. – Nishanth Nair Mar 06 '13 at 05:00

score 2 · Answer 3 · answered Mar 06 '13 at 04:45

i use like this :) and those who says HTTP required. read this article for relative Protocol URL Protocol relative url

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/js/jquery-1.8.3.min.js' type='text/javascript'%3E%3C/script%3E")); //Load the Local file (if google is down for some reason) 
}
</script>

score 0 · Answer 4 · answered Mar 06 '13 at 04:52

Script url that you are using for loading is perfect.
You can check your Url by posting "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" in browser url if you will get the javascript text file then it is working.
I test it and that url is working fine on my side.Error is some where else either there is restriction(security resons) or there is internet connection problem on the system when ever you run that web application on the system.
solution is either use minified copy in you web application and provide the relative path or use

 <script type="text/javascript">
  if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/js/jquery-1.4.2.min.js' type='text/javascript'%3E%3C/script%3E"));
 }
 </script>

score -1 · Answer 5 · answered Mar 06 '13 at 04:40

-1

You always can check if jQuery is already loaded in the memory and the library is ready to use:

if (typeof jQuery !== 'undefined') {
  //do whatever here
}

answered Mar 06 '13 at 04:40

M Reza Saberi

7,134
9
47
76

Why is $(document).ready(); undefined?

5 Answers5