Bug Tracker

Ticket #4483 (closed bug: worksforme)

Opened 6 years ago

Last modified 5 years ago

animate() on td doesn't work on IE8

Reported by: darkthread Owned by:
Priority: major Milestone: 1.4
Component: effects Version: 1.3.2
Keywords: animate ie8 Cc:
Blocking: Blocked by:


<table border="1"><tbody><tr><td>TD1</td><td>TD2</td></tr></tbody></table> <script type="text/javascript"> $(function() {

$("td").click(function() {

$(this).hide().fadeIn(2000, function() { alert("td done!"); });


}); </script>

When there are more than one td in table, the fadeIn() or animate() doesn't work and finish immediately in IE8, no matter the duration setting, but no such issue in IE7 or Firefox. In the above case, click TD1 will hide the TD1 and get "td done!" right away, then TD1 won't show up again. After that, TD2 is the only td in table, then fadeIn() works fine.


test-4483.html Download (444 bytes) - added by dmethvin 5 years ago.

Change History

comment:1 Changed 5 years ago by dmethvin

  • Status changed from new to closed
  • Resolution set to fixed
  • Component changed from unfiled to fx

This seems to have been fixed in 1.4.

comment:2 Changed 5 years ago by Funka

  • Status changed from closed to reopened
  • Resolution fixed deleted

I have just tested this exact repro on IE8 using jquery 1.4.2 minified, and the bug as described still exists.

comment:3 Changed 5 years ago by dmethvin

I should have attached my test case, which I can't find now. Can you attach a complete test case?

comment:4 Changed 5 years ago by dmethvin

Test case attached; it's still broken.

Changed 5 years ago by dmethvin

comment:5 Changed 5 years ago by snover

  • Status changed from reopened to closed
  • Resolution set to worksforme

This should be fixed in 1.4.3 with the introduction of :visible fixes and my patch to stop setting the display CSS property to block. Reopen if not.

Note: See TracTickets for help on using tickets.