SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Threaded View

  1. #1
    SitePoint Member
    Join Date
    Oct 2013
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with jquery not working in IE10

    Hi, I'm having a glitch when testing the compatibility of my site in IE10. It works just fine in FF, safari and chrome on my macs, iPad and windows laptop. But my jquery navigation menu and fancybox image gallery just don't work.

    My site is under development and seems to be just dandy on all browsers except for IE10.:

    For some reason the menu bar and photo gallery, which are both powered by Jquery just dont work.

    Here is my code:

    Code:
    <script type="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
    <script type="text/javascript" src="jQuery Sliding Flexible Menu v2/deploy/js/jquery.sliding-flexible-menu-v2.js"></script>
    <script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
    
    <link rel="stylesheet" type="text/css" href="jQuery Sliding Flexible Menu v2/deploy/css/sliding-flexible-menu-v2.css">
    
    <script type="text/javascript">
    $(document).ready(function() {
        //Horizontal
        $("div.menu-horizontal").slidingFlexibleMenuv2({
                 buttonSpacing: '1'
        });
        $(".fancybox").fancybox(
                    {
    
                                        transitionIn  : 'elastic',
    transitionOut : 'elastic',
    easingIn      : 'easeOutBack',
    easingOut     : 'easeInBack',
    speedIn       : '650',
    speedOut      : '650',
    changeSpeed   : '650',
                                        padding : '0px',
        });
    });
    function MM_effectAppearFade(targetElement, duration, from, to, toggle)
    { Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
    }
    </script>
    
    <script type="text/javascript" src="fancyapps-fancyBox-2bb0da9/source/jquery.fancybox.pack.js"></scr ipt>
    <link type="text/css" rel="stylesheet" href="fancyapps-fancyBox-2bb0da9/source/jquery.fancybox.css">`
    Anyone got a clue why this aint working in IE????

    Full site here

    http://www.heggie5.webspace.virginmedia.com

    Cheers
    Last edited by Pullo; Oct 9, 2013 at 12:42. Reason: Added code tags


Tags for this Thread

Bookmarks

Posting Permissions

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