IMG tag creation/append is not working in Opera 9.52

[delf]

this example from page ​http://docs.jquery.com/Ajax/jQuery.getJSON#urldatacallback

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
        function(data){
          $.each(data.items, function(i,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");
            if ( i == 4 ) return false;
          });
        });

is not working in Opera 9.5

[aaron.gundel]

Appears to be relevant in 9.63 also. Does not appear to be related to JSONP though: I tried replicating and found that the JSONP executes properly and returns links to the photos as expected; but the manipulation code appears to be failing.

[davidserduke]

Aaron appears to be correct and this has nothing to do with JSONP. The URLs seem to be coming back fine and it is the creation of the IMG tags and appending them to the DIV that seems to have the problem.

That being the case I'm going to change the summary to reflect the issue.

[davidserduke]

Attached a simplified test case. To my eye this appears to be a browser bug. The test case works in FF2 and IE7, but not Opera 9.52. Also works in Opera 9.26 so hopefully they will fix it. I'm not sure how jQuery could provide a fix so we might have to close this ticket regardless.

[aaron.gundel]

slightly modified replication

[aaron.gundel]

This is an interesting issue. Appears to be happening because of the use of the $("<img/>") call to create an element. The DOM is properly manipulated (you can see the img appear under the body), but the image doesn't load for some reason. Found that if you have a second call right after the appendChild call using an element made from document.createElement("img") this succeeds. This is indeed probably a browser bug. Will submit report on it and see if that goes anywhere...

[victor.lima]

Work-around for this bug, tested to work on Opera 9.64

After you have appended to the element you have to do this: $(element).css("visibility", "visible");

That worked like a charm for us.

[addyosmani]

The original example in the docs page is working fine on Opera 9.5 and latest on OSX using jQuery 1.4.3. I believe this issue should be fixed and working now.