2011-01-03 4 views
4

J'essaie d'ajouter un fichier css à un iframe créé sur une page à partir d'un script global. Je peux accéder à une partie de celui-ci, mais pour une raison que je ne peux pas ajouter à la tête. Ce n'est pas jeter des erreurs non plus, ce qui est frustrant.jQuery ajouter un lien css à la tête iframe

<script type="text/javascript"> 
$(document).ready(function() {     
    $('#outline_text_ifr') 
    .contents() 
    .find('head') 
    .append('<link type="text/css" rel="stylesheet" href="/include/outline.css" media="all" />'); 
}); 
</script> 
+0

vous ouvrez cette page dans le même domaine? –

+0

C'est sous le même domaine. Donc, le cross-domain n'est pas un problème. – Micharch54

+0

duplication possible de [Ajouter une feuille de style à un iframe avec jQuery] (http://stackoverflow.com/questions/624979/append-a-stylesheet-to-an-iframe-with-jquery) – hunter

Répondre

8
var $head = $("#IFrame").contents().find("head"); 
var url = "Styles/styles.css"; 
$head.append($("<link/>", { rel: "stylesheet", href: url, type: "text/css" })); 

ou

 $('#IFrame').contents().find('#div1').css({ 
      color: 'purple' 
     }); 
+1

Parfait !! Fonctionne pour moi une fois que je l'ai utilisé :-) – jeeva