在追加中附加，Iframe在追加JQuery中 [英] Append within Append, Iframe within Append in Jquery

问题描述

我看过
插入内容到iframe 和他们的小提琴 http://jsfiddle.net/8VP4y/3/ 与以下代码一起出来'有问题。

我为以下问题创建了一个jsfiddle。

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

  $（document）.ready（function（）{
 
 $（ '＃卡2'）的HTML。（ '< IFRAME ID = myFrame >< / iframe中>'）; 
 
变种myFrame = $（ ＃myFrame）。内容（）。find（'body'）; 
 var myFrame2 = $（＃myFrame2）。contents（）。find（'body'）; 
 
 myFrame.append（' < p>没有代币是用于myFrame原始的'）; 
 myFrame2.append（'< p> OH没有令牌是为myFrame 2'）; 
 
}）; 
  

并且HTML看起来像这样;

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

我正在尝试使用javascript创建iframe，然后使用JSONP中的内容写入iframe我已经省略了那部分，以方便调试）;

我不确定它为什么不写入iframe，是因为iframe是由javascript创建的？

我尝试追加html，之后，prepend，但似乎没有任何东西允许我写iframe

解决方案

不，这不是一个错误。

更新了jsfiddle

正确的方法是：

  $（function（）{
 $（'＃card2'）。html（'< iframe id =myFrame >< / iframe>'）; 
 
 //添加src属性，以便在每个浏览器中发生加载事件.. 
 $（＃myFrame）。 attr（'src'，'about：blank'）; 
 
 //等待iframe加载
 $（ （'load'，function（e）{
 var myFrame = $（＃myFrame）。contents（）。find（'body'）; 
 myFrame.append（'< p> 11111111OH没有代币适用于myFrame原创< / 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>


I've looked at Insert content into iFrame and their fiddle at http://jsfiddle.net/8VP4y/3/ to come out with the following codes which i'm having problem.

i've created a jsfiddle for my problem below.

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

    });

AND the HTML looks like this;

<div id='card2'>

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

</iframe>

I'm trying to create a iframe using javascript, then writing to the iframe with content from JSONP (i've ommitted that part for easy debug);

I'm not sure why it's not writing to the iframe, is it because the iframe is created by javascript?

I've tried append, html, after, prepend but nothing seems to allow me to write to the iframe

解决方案

No, it's not a bug.

Updated jsfiddle

The right way is:

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

这篇关于在追加中附加，Iframe在追加JQuery中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！