What you're seeing, as evidently you know, is the effects queuing-up. Effects take time.
Check out jQuery's .stop() command. This will kill currently queued animations. It works exactly as you might expect and I'm sure you'll find that well-placed .stop() calls will make your interface snappy again. http://docs.jquery.com/Effects/stop **--** Steve On Dec 29, 5:12 pm, joer3 <joe....@gmail.com> wrote: > 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.
