Append内のAppend、Iframe内のAppend内に追加する

Question

Insert content into iFrameとそのフィドルhttp://jsfiddle.net/8VP4y/3/を見て、問題が発生している次のコードが出てきました。

私は以下の問題のためにjsfiddleを作成しました。

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 '); 

    }); 

とHTMLは次のようになります。

<div id='card2'> 

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

</iframe> 

私は、JSONP（私は簡単にデバッグのためにその一部を省略さき）からコンテンツをIFRAMEへの書き込みは、JavaScriptを使用してのiframeを作成しようとしています。

なぜiframeに書き込まれていないのかわかりませんが、それはiframeがjavascriptによって作成されているからですか？

私はAPPEND、HTML、後、前付加を試みたが、何も私はIFRAME

Answer 1

いいえ、それはバグではありませんへの書き込みを許可していないようにみえます。

Updated jsfiddle

正しい方法は次のとおりです。

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