Here is my current tabs configuration:
$("#hero").tabs({
event: 'mouseover',
fx: {
opacity: 'toggle',
duration: 200
}
});
It does what it's supposed to do, for the most part, but I am having
two issues with it...
First, for the mouseover state, UI Tabs is appending "ui-state-active"
to my list navigation. But it seems that jQuery "waits" until the fx
animation is completed until it displays the actual mouseover event.
Because of this, I had to create my own mouseover script to work in
conjunction with this one. If there is an alternate way to solve this,
please, let me know.
My second issue is that when you move over the tabs several times,
repeatedly, and very fast... The tabs "bug", and it will not show any
content. I look in FireBug and it's showing none of the tabs as
visible. Which means, from moving the my mouseover the tabs too fast,
the script got confused and couldn't find the last selected tab, so in
result, none of them were displaying. This really wasn't a big issue
for me, but my client who really enjoys moving his mouse over the tabs
extremely fast doesn't like it in there, so I need to find a way to
fix it.
I tried developing my own script mimicing the UI Tabs functionality,
but I was actually getting similar issues... jQuery is waiting for the
actual "fadeIn" to complete before completing other important tasks,
such as adding classes or removing classes.
Any insight would be helpful.
Thanks in advance.
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
