You are initializing tabs twice, first $('#bucket1 > ul').tabs({ fx:
{ opacity: 'toggle' } }) and immediately on the next line. That'll
give you unexpected results. I suggest to use the show callback to set
the class for the list element.
Here's some (untested) code:
var $tabs = $('#bucket1 > ul').tabs({
fx: { opacity: 'toggle' },
show: function(e, ui) {
$tabs.attr('id', ui.index);
}
})
.tabs('rotate', 5000);
Note that an id starting with a number is invalid, thus you may want
to add a prefix to that id...
--Klaus
On 10 Nov., 23:19, Adam <[EMAIL PROTECTED]> wrote:
> I have an instance of UI Tabs working with fade transition and auto-
> rotate, and would like to change the appearance of the ul.ui-tabs-nav
> by changing the position of its background sprite. I attempted to add
> these lines to the function which initiates the tabs, but it seems to
> only run once, and given the auto-rotate functionality, I cant set a
> function to execute on click of one of the A elements. Can someone
> help to make this continually update the ID of my nav UL, or can
> someone think of a better way to do this?
>
> The script is this:
>
> <script type="text/javascript">
> $(function() {
> $('#bucket1 > ul').tabs({ fx: { opacity:
> 'toggle' } }).tabs('rotate', 5000);
>
> var $tabs = $('#bucket1 > ul').tabs();
> var selected = $tabs.data('selected.tabs');
> $('.ui-tabs-nav').attr("id", selected );
>
> });
>
> </script>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
