Response title
This is preview!
Inline jQuery; Load jQuery at bottom of code?
in Using jQuery
•
11 years ago
I know it's best practice to load jQuery on the bottom of the page (just above </body>) for optimal performance. Problem is, I often use inline jQuery code in modules that I load into pages instead of putting it in a separate file.
So, now that I want to improve the speed of the page loading I want include the jQuery at the bottom instead of in the <head>, but it's giving me the following error (this occurs in both Chrome and Firefox);
Uncaught ReferenceError: $ is not defined
This makes sense since jQuery has not been loaded yet. But is there a way around this? Or is it not possible to use inline jQuery when you load the framework at the bottom of the page?
Example of inline code;
<script type="text/javascript" charset="utf-8">
//<[CDATA[
$(function(){
contact:87Uncaught ReferenceError: $ is not defined
contact:87Uncaught ReferenceError: $ is not defined $("#contactForm1").validate({
rules: {
email: {
required: true,
email: true
},
question: "required"
},
messages: {
email: "Please fill in your email address",
question: "Please put your question here"
}
});
});
//]]>
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
1
