head.js and jQuery issues in Chrome / Firefox 5
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 开发者_Python百科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/
Try switching to head.ready()
instead of jQuery.ready()
.
Here is an example of it working - is this what you have?
You're calling head.js()
without
<!-- assuming it's in the same directory as the page -->
<script src="head.min.js"></script>
first.
精彩评论