jquery - 将内容 append 到动态创建的 iframe 中会得到一个空 iframe

Question

我有一个 jQuery 片段如下:

$.ajax({
  ....
  success: function(myContent) {
    .....
    $('<iframe id="myFrame" name="myFrame">').appendTo('body').ready(function(){
      $('#myFrame').contents().find('body').append(myContent);
    });
    .....
  });
}); 

第一次触发该事件时，只会显示一个空的 iframe，但第二次触发该事件时，内容会成功追加到 iframe 中。这段代码中有明显的错误吗？

Answer 1

我相信某些浏览器需要短暂的延迟才能识别新 iframe 的 DOM。使用超时应该可以:

$('<iframe id="myFrame" name="myFrame">').appendTo("body").ready(function(){
    setTimeout(function(){
        $('#myFrame').contents().find('body').append(myContent);
    },50);
});