Insert jQuery's UI into page using Google

Question

Hey All, I currently use Google's API to include jQuery into my sites like this:

<script src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
<script>google.load("jquery", "1.3.2");</script>

How would I accomplish the same for the jQuery UI javascript and css files?

Answer 1

For the jQuery UI:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"&gt;&lt;/script&gt;

This is the latest version.

Answer 2

For consistency with the way you're doing it you want:

google.load("jquery", "1.3.2");
google.load("jqueryui", "1.7.2");

http://code.google.com/apis/ajaxlibs/documentation/index.html#jqueryUI

Answer 3

Since you're using the Google API, you can include jQuery UI with the following code:

google.load("jqueryui", "1.5.3");

Check the documentation here.

You will need to host the CSS Themes on your server.

Hosting your own CSS files allows you to create fully customized themes, give a look to the Theme Roller.