Bug Tracker

#10120 closed bug (invalid)

Opened August 23, 2011 07:22PM UTC

Closed August 24, 2011 01:44PM UTC

$(document).ready() fires after images load in IE in iframe

Reported by: anonymous Owned by:
Priority: low Milestone: None
Component: core Version: 1.6.2
Keywords: Cc:
Blocked by: Blocking:
Description

I loads frame.htm page inside an iframe in patent.htm. In that case in IE image load event fires before $(document).ready(). In below example, alert 2 is fired before alert 1.

parent.htm

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
<iframe id="frame" src="frame.htm"></iframe>

</body>
</html>

frame.htm

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>

    <script>
        $(document).ready(function () {
            alert('1');
        });
    </script>
</head>
<body>
<img id='img1' onload='alert("2");' src="http://www.wallpaper.com/images/211_claudio_silvestrin_book_tl230811_f2.jpg" />
</body>
</html>
Attachments (0)
Change History (2)

Changed August 24, 2011 07:21AM UTC by Sajith Kahwatta <sajithkahawatta@gmail.com> comment:1

If I browse frame.htm page directly, It fires alert 1 first and then alert 2 in correct order.

Changed August 24, 2011 01:44PM UTC by timmywil comment:2

component: unfiled → core
priority: undecided → low
resolution: → invalid
status: new → closed

That is not out of the question in this case. The image may already be loaded before document ready.