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"></script>
<script>google.load("jquery", "1.3.2");</script>

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

George Claghorn · Accepted Answer · 2009-06-30 18:35:17Z

14

For the jQuery UI:

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

This is the latest version.

answered Jun 30, 2009 at 18:35

George Claghorn

26.6k3 gold badges51 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gareth Simpson · Accepted Answer · 2009-06-30 18:37:42Z

6

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

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

answered Jun 30, 2009 at 18:37

Gareth Simpson

37.9k12 gold badges49 silver badges50 bronze badges

Christian C. Salvadó · Accepted Answer · 2009-06-30 18:38:04Z

4

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.

answered Jun 30, 2009 at 18:38

831k185 gold badges929 silver badges845 bronze badges