Innerhalb Append anhängen, Iframe innerhalb Append in Jquery

Question

Ich habe Insert content into iFrame und ihre Geige bei http://jsfiddle.net/8VP4y/3/ betrachtet, um mit den folgenden Codes herauszukommen, die ich Problem habe.

ich habe eine jsfiddle für mein Problem unten erstellt.

https://jsfiddle.net/cy87j70t/2/

$(document).ready(function() { 

     $('#card2').html('<iframe id="myFrame"></iframe>'); 

     var myFrame = $("#myFrame").contents().find('body'); 
     var myFrame2 = $("#myFrame2").contents().find('body'); 

     myFrame.append('<p>OH NO TOKEN IS FOR myFrame Original '); 
     myFrame2.append('<p>OH NO TOKEN IS FOR myFrame 2 '); 

    }); 

und die HTML sieht wie folgt aus;

<div id='card2'> 

</div> 
<iframe id='myFrame2'> 

</iframe> 

Ich versuche, einen Iframe mit Javascript zu erstellen, dann zum iframe mit Schreiben von Inhalten aus JSONP (ich habe diesen Teil für eine einfache Debug weggelassen);

Ich bin mir nicht sicher, warum es nicht in den Iframe schreibt, ist es, weil der Iframe von Javascript erstellt wird?

Ich habe versucht, Anfügen, html, nach, prepend aber nichts scheint mir zu erlauben, mit dem iframe

Answer 1

Nein, es ist kein Fehler zu schreiben.

Updated jsfiddle

Der richtige Weg ist:

$(function() { 
    $('#card2').html('<iframe id="myFrame"></iframe>'); 

    // add the src attribute so that the load event will take place in every browser.. 
    $("#myFrame").attr('src', 'about:blank'); 

    // wait for the iframe is loaded 
    $("#myFrame").on('load', function(e) { 
    var myFrame = $("#myFrame").contents().find('body'); 
    myFrame.append('<p>11111111OH NO TOKEN IS FOR myFrame Original</p>'); 
    }); 



    var myFrame2 = $("#myFrame2").contents().find('body'); 
    myFrame2.append('<p>2222222222 OH NO TOKEN IS FOR myFrame 2</p>'); 
}); 

<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script> 

<div id='card2'> 

</div> 
<iframe id='myFrame2'> 

</iframe>