Question

This is how I load jQuery:

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
function OnLoad() {
   insert jQuery goodness here
};
google.load("jquery", "1");
google.setOnLoadCallback(OnLoad);
</script>

But instead of function OnLoad() {, I’d like to use

$(document).ready(function() {}

so that it’s like every example in every book and documentation snippet.

How can I define: $ = jQuery?

Answer 1

You should not have to do anyhting special. This is what we use and it just works:

<script src="http://www.google.com/jsapi?key=snip" type="text/javascript"></script>
<script type="text/javascript">
    google.load("jquery", "1");
    google.load("jqueryui", "1");
</script>
<script type="text/javascript">
    $(document).ready(function() {
      //goodness
    });
</script>

Note that the jQuery script block comes after google.load()