head.js and jQuery issues in Chrome / Firefox 5

Question

So the page is rendered like this:

<!DOCTYPE html>
<html>

<head>
  <script>

   head.js("js/jquery.js",
           "js/jquery.autocomplete.js");

  </script>
</head>

<body>

  ...
  stuff here
  ...

  <script>

    jQuery(document).ready(function($){  // fail...

      $('body').removeClass('no-jquery');
      // ...

    });
  </script>
</body>
</html>

The scripts seem to load and all in Opera, but in Firefox 5 and Chrome (don't know the version because it changes every day) I get a error:

jQuery is not defined
[Break On This Error] jQuery(document).ready(function($){

So I guess jquery is not really loaded by head.js in these browsers? Or I'm doing something wrong?

jsfiddle: http://jsfiddle.net/LDUUd/

Answer 1

Try switching to head.ready() instead of jQuery.ready() .

Answer 2

Here is an example of it working - is this what you have?

Answer 3

You're calling head.js() without

<!-- assuming it's in the same directory as the page -->
<script src="head.min.js"></script>

first.

head.js and jQuery issues in Chrome / Firefox 5

Question

3 answers

solution1
2 ACCPTED 2011-07-07 17:22:55

solution2
2 2011-07-07 17:36:18

solution3
1 2011-07-07 17:27:07

head.js and jQuery issues in Chrome / Firefox 5

Question

3 answers

solution1 2 ACCPTED 2011-07-07 17:22:55

solution2 2 2011-07-07 17:36:18

solution3 1 2011-07-07 17:27:07

solution1
2 ACCPTED 2011-07-07 17:22:55

solution2
2 2011-07-07 17:36:18

solution3
1 2011-07-07 17:27:07