With jQuery-UI 1.5.3 you call .tabs() not on the containing <div>, but
on the <ul> element.
So try this instead:
$(document).ready(function(){
checkCronJobStatus();
$("#tabs").tabs();
<div>
<ul id="tabs">
<li><a href="#managementConsole">Management Console</a></li>
<li><a href="#logViewer">Log Viewer</a></li>
</ul>
ETC....
</div>
**--** Steve
On Mar 3, 4:52 pm, zendog74 <[email protected]> wrote:
> Hi all.
>
> I am working on implementing tabs and I cannot get the CSS to work to
> save my life. I read some threads about there being a mix-up in the
> CSS class names with themeroller and tabs, but that appears to be
> fixed now. Yet, my tabs are still not being styled.
>
> I am importing JQuery and JQueryUI from Google. I downloaded the
> Cupertino theme from JQueryUI's Themeroller. I have not modified the
> ui.all.css file at all. Here are the relevant snippets from my code:
>
> <link type="text/css" href="js/theme/ui.all.css" rel="stylesheet" />
> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/
> jquery.min.js"></script>
> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/
> jquery-ui.min.js"></script>
>
> $(document).ready(function(){
> checkCronJobStatus();
> $("#tabs").tabs();
>
> });
>
> <div id="tabs">
> <ul>
> <li><a href="#managementConsole">Management Console</a></li>
> <li><a href="#logViewer">Log Viewer</a></li>
> </ul>
> <div id="managementConsole">
> The cron job is currently <strong><span id="cronState"></
> span></strong>.
> <br /><br /><a href="#" id="startCronLink">Start Cron Job</a>
> <a href="#" id="stopCronLink">Stop Cron Job</a>
> </div>
> <div id="logViewer">Log viewer will go here.</div>
> </div>
>
> My tabs just show up as grey/white very generic tabs. I tried the
> Smoothness theme as well to no avail. Does anyone know what I am doing
> wrong? Seems like I am missing something simple, but I have been at
> this now for hours, so I am just not seeing it.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
