Defer loading of JavaScript - Uncaught ReferenceError: $ is not defined

Question

I use google code to defer loading javascript (google pages)

But I have some inline javascripts such as:

Answer 1

Since you are deferring loading of jquery, your inline javascript should only be called when jquery has finished loading. Use the following code, to check if the library was loaded.

var scriptElem = document.createElement("script");

scriptElem.onload = function() {
    alert('please work');
};

scriptElem.src = "http://code.jquery.com/jquery-1.10.1.min.js";

document.getElementsByTagName("head")[0].appendChild(scriptElem);