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!!!!!
the code i used was from: http://razorjack.net/quicksand/index.html
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.
var myVal = $(this).height()
var myVal = parseInt($(this).height())
Which may help fix...