Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    jQuery Tabs in IE7

    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

  • #2
    UE Antagonizer Fumigator's Avatar
    Join Date
    Dec 2005
    Location
    Utah, USA, Northwestern hemisphere, Earth, Solar System, Milky Way Galaxy, Alpha Quadrant
    Posts
    7,691
    Thanks
    42
    Thanked 637 Times in 625 Posts
    Looking at the page source I'm surprised it works anywhere! What a mess

    The illustration is sweet though.

  • #3
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    should have mentioned its a wordpress install, so there's a lot of plugins throwing in some ugly overhead from that.

    any ideas?

  • #4
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #5
    UE Antagonizer Fumigator's Avatar
    Join Date
    Dec 2005
    Location
    Utah, USA, Northwestern hemisphere, Earth, Solar System, Milky Way Galaxy, Alpha Quadrant
    Posts
    7,691
    Thanks
    42
    Thanked 637 Times in 625 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •