One thing I missed out on while using Google’s hosted version of JQueryUI was that some widgets and functionality require your page to link in a theme.

I was scratching my head as to why some UI functionality seemed to be working (e.g. draggable), but other functionality was not (e.g. resizable, tabs); and linking in a theme was the answer.

It doesn’t seem to be well documented, but Google also host a number of default themes, which may be included thus:

<link rel=“stylesheet” href=“http://ajax.googleapis.com/ajax/libs/jqueryui/{version}/themes/{theme_id}/jquery-ui.css” type=“text/css” />

So, the Cupertino theme can be linked in to version 1.8.1 thus:

<link rel=“stylesheet” href=“http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/cupertino/jquery-ui.css” type=“text/css” />

More information here (NB. links use an old version of JQueryUI).

http://www.stemkoski.com/jquery-ui-1-7-2-themes-list-at-google-code/