I have a site successfully using jquery-ui 1.8.9 with jquery 1.4.4.  I'm using several jquery-ui native widgets such as tabs, datepicker, autocomplete, and several other plugins such as jqgrid, a validation engine, data input mask, etc.  I am using the Smoothness jquery-ui theme.

 

I wanted to tweak the theme settings so created a custom theme by editing some of the properties in Smoothness using the jquery-ui theme roller and downloaded to my site.

 

The theme package contained a new jquery version - jquery-1.5.1.min.js and a new jquery-ui version - jquery-ui-1.8.11.css.

 

However, when I reference this theme in my site, all of my jquery-ui widgets break. 

 

My CSS and script links for the working site look like this:

 

<link href='/SCIBS/Content/Site.css' type='text/css' rel='stylesheet' />

<link href='/SCIBS/Content/themes/smoothness/jquery-ui-1.8.9.custom.css' type='text/css' rel='stylesheet' />

<link href='/SCIBS/Content/themes/ui.jqgrid.css' type='text/css' rel='stylesheet' />

<link href='/SCIBS/Content/themes/validationEngine.jquery.css' type='text/css' rel='stylesheet' />
<script type="text/javascript" src='/SCIBS/Scripts/jquery-1.4.4.min.js'></script>
<script type="text/javascript" src='/SCIBS/Scripts/jquery-ui.min.js'></script>
<script type="text/javascript" src='/SCIBS/Scripts/grid.locale-en.js'></script>
<script type="text/javascript" src='/SCIBS/Scripts/jquery.jqGrid.min.js'></script>
<script type="text/javascript" src='/SCIBS/Scripts/jquery.maskedinput-1.2.2.min.js'></script>
<script type="text/javascript" src='/SCIBS/Scripts/jquery.validationEngine-en.js'></script>
<script type="text/javascript" src='/SCIBS/Scripts/jquery.validationEngine.js'></script>

But when I switch out the link and script tags to point to the new version files and change the director of my theme folder (2nd link above) to the folder holding my custom theme files, my jquery-ui widgets fail to render properly.

 

What am I missing?