5 Replies - 4700 Views - Last Post: 08 January 2010 - 01:10 PM

#1 Dogstopper   User is offline

  • The Ninjaducky
  • member icon

Reputation: 2975
  • View blog
  • Posts: 11,224
  • Joined: 15-July 08

jQuery Rendering on IE 8

Posted 06 January 2010 - 03:47 PM

Hello again,

I have an interesting little problem with jQuery and Explorer 8. I have this code on my menu links at http://www.thousandcodes.com
$(document).ready(function(){
	$('ul a').mouseover(function() {  
		$(this).css("color", "#000000");
		$(this).stop().animate( { paddingLeft:"5px" }, 200 );  
	}).mouseout(function() {  
		$(this).stop().animate( { paddingLeft:"0" }, 200 )  
	}).click(function() {  
		$(this).stop().animate( { fontSize:"5px" }, 100 )  
	});  
});



My problem rests in the click function. The browser seems to ignore the fontSize:"5px" and seemingly picks whatever size it wants (REALLY BIG!!!). This throws off formatting everywhere. I have tested the big three operating systems and their according browsers, and so far this issue only exists on IE 8. (On Opera, it doesn't get big, it just does nothing.) Any suggestions?

Also, if it helps, the effects are also not working on <Dream.In.Code> either, and I cannot easily access the slider menu because it moves ~50 pixels to the right. Is this a coding problem or a browser problem, and how can I fix it?!

Is This A Good Question/Topic? 0
  • +

Replies To: jQuery Rendering on IE 8

#2 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: jQuery Rendering on IE 8

Posted 07 January 2010 - 12:24 AM

IE 8 (no matter if compatibility mode is turned on or not) on Windows Vista Home Premium (e.g. My Computer), doesn't do anything when I click the links! :/

Putting the problem aside I think that it would be better if you had the font size animation on the mousedown-event rather than on the click-event since the click-event also fires a call to switch the page and thus the animation might be lost if you have a fast internet connection! :)
Was This Post Helpful? 1
  • +
  • -

#3 Dogstopper   User is offline

  • The Ninjaducky
  • member icon

Reputation: 2975
  • View blog
  • Posts: 11,224
  • Joined: 15-July 08

Re: jQuery Rendering on IE 8

Posted 08 January 2010 - 09:26 AM

After trying the mousedown event, you can see the animation, but the entire link shrinks so that the mouseup event is not able to be called on that link. The click makes it shrink (with a slow Internet connection), which I guess I'm ok with. Thanks for you insight though!
Was This Post Helpful? 0
  • +
  • -

#4 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: jQuery Rendering on IE 8

Posted 08 January 2010 - 11:53 AM

Did you solve the problem? Or does it still act funny in IE 8 ? :)
Was This Post Helpful? 0
  • +
  • -

#5 Dogstopper   User is offline

  • The Ninjaducky
  • member icon

Reputation: 2975
  • View blog
  • Posts: 11,224
  • Joined: 15-July 08

Re: jQuery Rendering on IE 8

Posted 08 January 2010 - 11:55 AM

I just flat disabled in IE8. Couldn't get it working, so people that use that "special" browser get "special" code.
Was This Post Helpful? 0
  • +
  • -

#6 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: jQuery Rendering on IE 8

Posted 08 January 2010 - 01:10 PM

The very common IE-solution then! ;)

View PostDogstopper, on 8 Jan, 2010 - 08:55 PM, said:

I just flat disabled in IE8. Couldn't get it working, so people that use that "special" browser get "special" code.

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1