I m setting up an example tabs page and found some weirdness with the
hover event for tabs using the ajax mode. My example is below. What
happens is when you first load the page everything looks okay but if
you click on the ajax tab (tabs3 in example below) and then select
another tab tabs3 still has the ui-state-hover class assigned to it.
It's only when you click on tabs3 again before selecting another tab
that the class is removed. Anyone every see this before and know what
possible resolution is?
<script type="text/javascript">
$(function() {
$("#tabsJQ").tabs();
});
</script>
<div id="tabsJQ">
<ul>
<li><a href="#tabs-1">Tabs overview</a></li>
<li><a href="#tabs-2">Code used</a></li>
<li><a href="tabs3.html" title="TABS3"><span>External HTML</span></
a></li>
<li><a href="#tabs-4">Mumbo Jumbo</a></li>
<li><a href="#tabs-5">Shakespeare</a></li>
<li><a href="#tabs-6">Cicero</a></li>
</ul>
Thanks,
david
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
