jquery Einfügen aller Stylesheets in iframe

Wie kann ich alle Stylesheets eines übergeordneten Fensters in den Kopf eines iframes (samedomain) einfügen?jquery Einfügen aller Stylesheets in iframe

Mein versucht Code basiert auf einer ähnlichen Frage:

function() { 
    var d = frames[0].document; 
    var stylesheets = $("link").outerhtml; 
    d.open(); 
    d.write(
    '<html><head>'+ 
    stylesheets + 
    '<style type="text/css">'+ 
    '<\/style><\/head><body><\/body><\/html>' 
    ); 
    d.close(); 
}

Offensichtlich funktioniert das nicht außerhalb des IE. Danke im Voraus.

Edit: Der Versuch basiert auf Anthonys Antwort:

$("link[type='text/css']").each(function() { 
     var stylesheet = $(this).clone();          
     $("iframe").contents().find("head").append(stylesheet); 
    });

Quelle

2009-09-29 Mark

geschrieben von der ersten Funktion, die Zweifel schafft, tun Iframes HTML enthält oder leer sind? –

Ein Problem mit der gewählten Antwort ist, dass es .html() verwendet, das gibt nur den inneren html Inhalt dieses Element, nicht das Element selbst. Hier ist eine funktionierende Lösung:

$("link[type='text/css']").clone().appendTo($("iframe").contents().find("head"));

Quelle

2012-04-25 19:01:37

Das type-Attribut ist optional auf Stylesheet-Link-Tags in HTML5, besser zu verwenden $ ("link [rel = 'stylesheet']"). –

Oder gehen Sie für die volle trifecta: '$ (" link [rel = 'stylesheet'], link [type = 'text/css'], link [href $ = '. css'] ")' –

$("link[type='text/css']").each(function() { 
    var stylesheet = $(this).html(); 
    $("iframe").contents().find("head").append(stylesheet); 
    });

Quelle

2009-09-29 02:36:25 Anthony

meinst du das.klon richtig? Weil sonst das Stylesheet verschoben würde. Trotzdem, ich werde das nicht zur Arbeit bringen. – Mark

Nein, ich meinte append, aber ich wollte auch angeben, den HTML-Code anzuhängen, sorry. Funktioniert die Bearbeitung? Wenn nicht, stellen Sie sicher, dass der Iframe-Selektor funktioniert. Etwas einfaches wie 'alert ($ (" iframe "). Contents(). Find (" title "). Text()'. Der iframe-code ist direkt von jquery. – Anthony

Sorry, ich vermasselte etwas kleines Ding, aber die vers Ich habe in der Frage funktioniert. Danke. – Mark

jquery Einfügen aller Stylesheets in iframe

Antwort

Verwandte Themen