Jquery error in IE

JavaScript
1

Hi,

I am using the below jquery

$(document).ready(function(){
$(‘p’).animate({
padding: ‘20px’,
borderBottom: ‘3px solid #8f8f8f’,
borderRight: ‘3px solid #bfbfbf’
}, 2000);
});

This seems to work fine in FireFox but I keep getting the following error

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; InfoPath.2; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)
Timestamp: Thu, 12 Aug 2010 19:30:49 UTC

Message: Invalid argument.
Line: 137
Char: 354
Code: 0
URI: file:///C:/exercise/javascript/jQuery/lib/jquery-1.4.2.min.js

when I run in IE 8. Any idea what is happening.

2

Hi Immerse,

I tried your suggestion these two lines seems to be the one that is causing the problems

borderBottom: ‘3px solid #8f8f8f’ ,
borderRight: ‘3px solid #bfbfbf’

Leaving any one of those lines will give me an error message. Any ideas on how to get the same effect without having to use those two lines and also why using those two styles are giving me errors.

3

Try removing the css animation lines one-by-one until the error stops showing, that might help to show what’s going wrong.
Unfortunately I can’t try it for you 'cos I’m running Ubuntu and Microsoft still won’t release IE for Linux :wink: