Right on, I figured that may come up but I was hoping it was just some silly syntax error. The error now breaks at line 3909 (Same error [invalid argument]) on jquery 1.3.2 uncompressed. The Call Stack simply says "JScript anonymous function". It should also be noted that the above code isn't a snippet, it's the whole document, and actually the only jquery code I'm using. If you'd like to check out the site, the working build is up at http://redouglas com... although I'm not sure how clean and organized the source is since I've been messing with so many things. Enter at your own risk, heh.
On Aug 17, 9:25 pm, "Michael Geary" <m...@mg.to> wrote: > 1. Use the uncompressed version of jQuery instead of the minified one (i.e. > jquery.js instead of jquery.min.js). > > 2. Load your page in IE8. > > 3. Open the IE8 debugger (F12 to open it). > > 4. Select the Script tab and make sure Break on Error is turned on (the > pause/X button should look like it's pushed down). > > 5. Click your nav item to trigger the error. > > 6. Click the Call Stack button on the right. > > Now you should see not only the error inside jQuery, but also the call stack > showing what part of your code triggered the error. > > If that doesn't do it, post a link to a test page that demonstrates the > problem. It's pretty hard to tell what might be wrong from just a code > snippet. > > -Mike > > > From: ninjagowoowoo > > > I've been having issues with my jquery code in IE. I've tried > > various debugging methods but they tend to point into the > > actual jquery js and not the code I've written. For what it's > > worth, the debuggers tell me it's in line 19 of the jquery > > source. I'm using 1.3.2 compiled code. > > I'm really hoping this is a simple problem like a missing ; > > or something but I can't find the problem and it's about to > > drive me crazy, haha. My code works in Firefox and Safari, > > but IE fails. to start, here is my code: > > > (modified version of the one found at //modified from > >http://css-tricks.com/learning-jquery-fading-menu-replacing-content/) > > > ================begin Nav jquery code========== $(function(){ > > //init menu item css > > $("#about-button").css({opacity: > > 1,"border-bottom":"5px solid #0099CC"}); > > $("#portfolio-button").css({opacity: > > 0.3,"border-bottom":"none"}); > > $("#resume-button").css({opacity: > > 0.3,"border-bottom":"none"}); > > $("#contact-button").css({opacity: > > 0.3,"border-bottom":"none"}); > > > $("#page-wrap div.button").click(function(){ > > > $clicked = $(this); > > > // if the button is not already > > "transformed" AND is not animated > > if ($clicked.css("opacity") != > > "1" && $clicked.is(":not > > (animated)")) { > > > $clicked.animate({ > > opacity: 1, > > > "borderBottom":"5px solid #0099CC" > > }, 300 ); > > > var idToLoad = > > $clicked.attr("id").split('-'); > > > // search trough the > > content for the visible div and we fade it out > > > $("#content").find("div:visible").fadeOut("fast", function(){ > > //once the fade > > out is completed, start to fade in the right div > > > $(this).parent().find("#"+idToLoad[0]).fadeIn(); > > }) > > } > > > // reset the other buttons to > > default style > > $clicked.siblings(".button").animate({ > > opacity: 0.3, > > "borderBottom":"0px" > > }, 300 ); > > > }); > > }); > > > ============END CODE=============== > > > The error in IE does not occur until one of the nav items > > (#resume- button etc) is clicked. I guess it should also be > > noted that I am referencing this code in an external js file > > that is separate from my html page. > > > Please if anyone can provide insight or at the very least a > > point in the right direction I'd greatly appreciate it.
