[jQuery] UI Tabs don't display
I'm trying to incorporate the UI tabs into an existing PHP page. I
cannot get the tabs to display.
Unfortunately this is on a site that is behind a firewall or I'd
provide a URL.
jQuery 1.2.6 is already in place. I "built" a JS file today that
simply used the core and tabs. It is minified.
I took the CSS from the jQuery UI tabs page and included it into my
main CSS page. I don't see any obvious conflicts. Firebug shows that:
* The .PNG and .GIF files that are referenced in the new CSS are
available.
* All of the resources (css, jss and images) I would expect are
loading.
For now I've simply copied the source from the demo into my page.
Firebug shows that this code is firing. Note it is in a separate JS
file and not in <script></script> as in the demo but I wouldn't expect
that should matter. This should be the last code called.
$(document).ready(function(){
$("#content > ul").tabs();
});
Tracing in firebug shows that the Minified Tabs (or maybe just UI)
code is being reached, but I don't think that tabs plugin is
affecting the basic markup because I'm seeing the tabs as a basic UL.
The HTML for all 3 sections also shows.
The selector
$("#content > ul")
does match the tab container.
Are there any known set up gotchas that I should be aware of? Any
other ideas?
Thanks,
Brad