PDA

View Full Version : jQuery Tabs in IE7


PhilipGrey
06-18-2009, 02:52 PM
I've been working on www.ywamburtigny.com for a while now and i'm having some significant problems that i've found after checking out the code in ie. firefox and safari display the tabs on the front page sufficiently, but i get an explosion and a half when i view it in ie. in other words, the styles aren't displaying correctly and there is zero functionality. ie8 offers a subdued functionality version of the tabs.

any ideas of what's up? i've tried various fixes for ie but i've yet to find one that works.

thanks so much
philip

Fumigator
06-18-2009, 05:46 PM
Looking at the page source I'm surprised it works anywhere! What a mess ;)

The illustration is sweet though.

PhilipGrey
06-19-2009, 08:34 AM
should have mentioned its a wordpress install, so there's a lot of plugins throwing in some ugly overhead from that.

any ideas?

PhilipGrey
06-19-2009, 09:43 AM
i've narrowed it down a bit. it's seems to be due to all the contents of my tabs being loaded into the first tab because ie 6/7 misinterpret the links as calls to the ajax functionality of jquery. this is detailed here:

http://ad20.ezyserver.se/jquerytabs.aspx

however, i can't seem to port over the fix to my code correctly. originally when implemented jquery ui tabs i had to make a tweak to allow multiple tabs to be on a page by using:

$(document).ready(function(){
$("#tabs").tabs();
$(".tabs").tabs();

});

instead of simply
$(document).ready(function(){
$("#tabs").tabs();
})

therefore i'm wondering how i go about adding the functionality that the fix talks about in the source code there

Fumigator
06-19-2009, 04:19 PM
At first glance I couldn't make out what that fix is doing but it seems a little bit crazy. I'm still new to jQuery so sorry I can't be of any help.