2013-08-17 32 views
5

Kopiuję zawartość z jednej ramki do drugiej. Moje kody działają w przeglądarce Mozilla Firefox, ale nie działa ona w przeglądarce Google Chrome. Czy ktoś może mi powiedzieć, gdzie popełniłem błąd?Zdarzenie onrame iframe Jquery nie działa w przeglądarce Google Chrome

Ta część nie jest wykonywany w Google Chrome:

$('#frame1').load(function(e){ 

}); 


Poniżej jest mój blok kodu:

$headContent = $("#mainframe").contents().find("head").html(); 
$bodyContent = $("#mainframe").contents().find("body").html(); 

$('<iframe />'); 
$('<iframe />',{ id: 'frame1', 
       class:'myframe', 
       height: 600, 
       width: "100%" 
}).appendTo(uxcontainerPath); 


$('#frame1').load(function(e){ 
    console.log("Executed #frame1 load"); //this console line is not executed in chrome   
    $(this).contents().find('html').append('<head></head>'); 
    $(this).contents().find('head').append($headContent); 
    $(this).contents().find('body').append($bodyContent); 
}); 

Odpowiedz

8

Wydaje się jakby pożary obciążenia zdarzeń zbyt szybkie, dodać load-listener przed wstrzyknięciem iframe do DOM:

$('<iframe />',{ id: 'frame1', 
       class:'myframe', 
       height: 600, 
       width: "100%" 
    }).load(function(e){ 
    console.log("Executed #frame1 load");   

    }).appendTo(uxcontainerPath); 
+0

Nauczyłem się czegoś nowego. Dziękuję za tę wspaniałą odpowiedź. – madi

Powiązane problemy