Jörn Zaefferer schrieb:
>> Been playing with jQuery, and I've come across a problem when I try to
>> fade or slide table cells. In IE it seems to work OK but in Firefox, as
>> the effect starts, all the cells stack one under the other, then the
>> effect executes. Looks very odd.
>>
>> How can I make it work consistently in both browsers? Had a quick search
>> of the list but I couldn't find a post about this.
>
> That is on the list of the "hard problems". As far as I know it hasn't been
> solved yet. That doesn't help you much, but perhaps you should just avoid the
> animations on the table cells.
The problem is that the animate function sets the display property to
"block", that's way the cells stack.
For now you could try to reset the correct property in a callback:
$('td').fadeIn('normal', function() {
this.style.display = 'table-cell';
});
Or more generic:
$('tr').fadeIn('normal', function() {
var display = {tr: 'table-row', td: 'table-cell'};
var tagName = this.tagName.toLowerCase();
if (tagName == 'tr' || tagName == 'td')
this.style.display = display[tagName];
});
-- Klaus
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
