Bug Tracker

Modify

Opened 6 years ago

Closed 6 years ago

#10120 closed bug (invalid)

$(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>

Change History (2)

comment:1 Changed 6 years ago by Sajith Kahwatta <sajithkahawatta@…>

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

comment:2 Changed 6 years ago by timmywil

  • Component changed from unfiled to core
  • Priority changed from undecided to low
  • Resolution set to invalid
  • Status changed from new to closed

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

Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

Modify Ticket

Change Properties
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.