[親] ページに非表示の要素があります。
<div class=output-data style="display:none">
<h1>Testing!</h1>
</div>
そして今、ページに埋め込まれた iFrame を取得して.output-data
div を見つけ、その内容を var に割り当ててから、ドキュメントとしてそれ自体に追加しようとしています。したがって、私の iFrame マークアップは文字通り次のとおりです。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.0.min.js"><\/script>')</script>
<script>
var outputData;
(function($){
outputData = $(window.parent.document).find('div.output-data').html();
$(document.body).append(outputData);
})(this.jQuery);
</script>
つまり、iFrame に div の HTML コンテンツを想定させて表示させようとしていますが、.output-data
うまくいかず、その理由がわかりません。Web インスペクターで何も見つかりませんか? 誰でも知っていますか?