Setting .innerHTML while document loading breaks $(document).ready() in IE

[geary]

If JavaScript code sets the innerHTML of any element while the document is loading, $(document).ready() fires prematurely in IE. I believe the .innerHTML assignment causes IE to ignore the "defer" attribute in the special script tag used in $(document).ready().

To test, load this page (HTML also attached to the ticket):

​http://mg.to/test/jquery-defer.html

If you don't get an error, reload the page several times and the error will occur soon enough. In a larger test case, the error happens every time.

In Firefox, the page loads without error, and the text "One!" is set to red by jQuery code running under $(document).ready().

In IE7, the page sometimes loads OK, but sometimes hits an error on line 9: "0.style is not null or not an object".

Of course, JavaScript code should not be setting .innerHTML while the page loads. However, many sites have code loaded from advertising networks that does bad things like this, and it is not always possible to prevent that code from running.

[john]

@geary: Is this still an issue? We resolved some IE loading issues in 1.1.3.1.

[dimka]

this is still an issue in 1.1.3.1.

[john]

I, honestly, can't get this to duplicate, so I think this has been resolved. Please let me know if that is not the case.

My test: ​http://dev.jquery.com/~john/ticket/1251/

[dimka]

works after ticket #1320