Clash of jquery scripts with Ie

[camdav72]

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. I've noticed when I removed the fancybox scripts for my other pages the menu behaves but on my homepage in testing on IE10 on windows 8 it's not right. I also tried to link my jquery to the latest version on Google but all that seems to do is break my scripts in all browsers.Can anyone shed any light on this for me..., I've tried everything aside from going fxxk u to IE. I hate papering over problems, I like to resolve them...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 herehttp://www.heggie5.webspace.virginmedia.comCheers

[justsomeguy]

There are a few errors. In IE, press F12 to open the developer tools and click on the Console tab, then refresh your page. The error about the expected identifier is because of a line with an extra comma on the end of it, which normally wouldn't be a problem with recent versions of IE but it looks like your page is running in IE7 standards mode because of the meta tag in the head that tells it to do that. The other errors about undefined functions are because you commented out the code that defines those functions.

[camdav72]

Many thanks, I will check this out tomorrow when I get back from work...

[camdav72]

Also, I put the meta tag in the head after the problem arose to try and eradicate it but it obviously didn't, so the jquery scripts haven't worked in tandem in IE10 since I began testing compatibility...I'm at a complete loss as to what to do; aside from dropping the jquery script from my menu, but I really don't like to chuck the towel in and take the easy way out...

[justsomeguy]

Take out the compatibility mode, and start checking for error messages with the console in the developer tools. I'm sure all of your problems can be solved, but you don't want to guess and stab at the problem without knowing what the problem is first. Putting IE into IE7 mode causes all sorts of additional Javascript bugs because the browser is trying to act like IE7. IE has come a long way since version 7, no reason to hold it back.