добавление контента в созданный в dymanical 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

Я считаю, что некоторым браузерам требуется небольшая задержка для распознавания DOM нового iframeИспользование таймаута должно работать:

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

Answer 2

Я думаю, это то, что вы ищете:

$('<iframe id="myFrame" name="myFrame">').appendTo('body');
$('iframe').contents().find('body').html(myContent);       

Демо: http://jsfiddle.net/vbNGA/1/

Answer 3

Этот простой код может быть использован для вас, он отлично работает для меня.

$("#iframe_id").contents().find("body").append("Contents to display in iframe");