Right, not sure if anyone can solve this but been scratching my head for the last 4 hrs! Have a jQuery filer on my portfolio site and it just breaks in ie 7 and 8?! Not sure if its a css problem or the script - have tried removing elements to see where the problem lies but with no success, any help would be greatly appreciated - it's driving me crazy!!!!!

site: http://www.matthewluxford.com/extranet/lux/showcase.html

the code i used was from: http://razorjack.net/quicksand/index.html

  • It would help if you told us exactly what the problem is. Also, if the problem is with somebody else's code, you should ask them for help as it is unlikely that we will be able to help you sift through code that you don't fully understand. kainosnous about 9 years ago

1 answer

danwellman 5600

The page is throwing a JS error when you try to shuffle the projects, the error says:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E) Timestamp: Wed, 8 Sep 2010 08:01:46 UTC

Message: Invalid argument. Line: 153 Char: 227 Code: 0 URI: http://razorjack.net/quicksand/scripts/assets/jquery-1.4.1-and-plugins.min.js

This could be because you are passing an argument to the plugin in the wrong format. This often occurs in IE when a plugin (or the jQuery core itself) expects a numeric argument, but IE returns a string, e.g. you try to pass in a pixel value of 50, which most browsers return, but IE returns '50px'

Or it can be when something doesn't have a defined height, most browsers return 0 but IE may return null.

If you are returning the height of something, try wrapping it in a parseInt() function to ensure that a numeric value is returned, i.e.

instead of:

var myVal = $(this).height()


var myVal = parseInt($(this).height())

Which may help fix...

Answered about 9 years ago by danwellman