das anfügen von Inhalten in ein dymanically erstellt iframe wird ein leerer iframe

Ich habe ein jQuery-snippet wie folgt:

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

Wenn das Ereignis ausgelöst wird, beim ersten mal, nur ein leeres iframe angezeigt, aber wenn das Ereignis ausgelöst, beim zweiten mal ist der content angehängt, die in das iframe erfolgreich. Offensichtliche Fehler in diesem Codefragment?

InformationsquelleAutor cnherald | 2012-03-02

  1. 12

    Ich glaube, dass einige Browser eine kurze Verzögerung zu erkennen der DOM von einer neuen iframe. Mit einem timeout arbeiten soll:

    $('<iframe id="myFrame" name="myFrame">').appendTo("body").ready(function(){
    setTimeout(function(){
        $('#myFrame').contents().find('body').append(myContent);
    },50);
});
    Je nach Rätselraten Zeitverzögerung ist nicht eine große Lösung. Die anderen Antworten mit contents() arbeiten ohne jede Verzögerung wäre also vorzuziehen.

    InformationsquelleAutor kirb

  2. 4

    Ich denke, das ist, was du suchst: 

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

    Demo: http://jsfiddle.net/vbNGA/1/

    Hi codefOrmer, danke für deine Antwort, Adams Antwort, die mein problem behoben.
    wer ist Adam?

    InformationsquelleAutor codef0rmer

  3. 1

    Diesem einfachen code kann für Sie verwenden, es funktioniert gut für mich.

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

    InformationsquelleAutor Srinivasan.S

Schreibe einen Kommentar