Jquery 1.6.2 Crashes IE8 Tabs

Question

Hello fellow developers,

I am a little stumped on this one as I have been using JQuery 1.6.2 with no issues until three days ago. (There was a service pack update at

Answer 1

I had a very similar issue with

• jQuery 1.6.2
• a facebook like button
• and a background image on the body element

As jjmontes stated above, removing / changing any of the above will solve the issue. Changing the IE mode to a compatibility mode did not resolve the issue, probably easiest way of avoiding this problem is to use a newer version of jQuery. Demo / test case (since the above is not online anymore) can be seen here.

Answer 2

I think I have a good test case example here of this behavior:

http://onpoint.wbur.org/op_full.html

This page is running the latest Jquery, a Disqus script and not much else.

If you visit the page, it won't crash. But refreshing the page will cause IE8 to crash.

Fixes:

Any of the following will fix the crash:

• Remove Jquery
• Remove Disqus
• Remove the BODY style declaration altogether
• Remove just the background image call and instead use BG color
• Move the style block to below the Jquery call

So there's some interaction between the markup that the disqus script is pulling into the DOM, Jquery and the BODY css rule at the top.

Very strange but there's definitely a bug here, either in Disqus' markup or Jquery.

Answer 3

The jQuery developers have fixed the issue. The associated bug item is #9823 and the commit is 5c4a9cc001fcd803efa65ff95571c72cbdafbe69. Works for me.

Answer 4

The Solution

It is an issue with jQuery version 1.6.2 (which was the latest version at time of development). Luckily they fixed the issue, so the fix on your end is simple… Update to the latest version of jQuery.