UI Tabs IE Issue - Possible Bug - Will Pay/Donate For Fix!
I am trying to accomplish something with the UI tabs and am running
into an issue with IE that I cannot figure out. I am trying to put
galleries of images that scroll as the user mouses over them inside of
the UI Tabs. I could not find a jQuery plug in that accomplishes this
so I am using a script I found on Dynamic Drive which can be seen @
http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm. I placed
two of these sliders into the UI tabs and while they work great in
Firefox they do not behave well in IE. If I click on the second tab
with the second slider while the first tab is selected nothing shows
up, but if I click on an empty tab first, such as the 3rd one and then
click the second one the slider loads fine. You can see a demo of this
behavior @ http://208.64.65.30/jquery-tabs/test.htm. Something I
noticed was that if I set the fx of the UI Tabs to 'show' the height
like this
$(window).bind('load', function() {
$('#container-5 > ul').tabs({ fx: [null, { height: 'show', opacity:
'show' }] });
it works even in IE but for the project I am working I cannot have the
effect turned on. You can see a demo of it working in this way @
http://208.64.65.30/jquery-tabs/test2.htm.
I am not sure what causes it to work properly when the height is set
to change like that but if anyone can give me a fix for this or at
least a hack so I can get a working version of it I am willing to pay
or donate to the cause of their choice $50. Thanks to anyone reading
this for the taking the time to help out!