jQuery CSSリンクをiframeヘッドに追加する

Question

グローバルスクリプトからページに作成されたiframeにCSSファイルを追加しようとしています。私はその一部にアクセスすることができますが、何らかの理由で私は頭に追加できません。どちらもエラーを投げているわけではなく、イライラしています。

<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> 

Answer 1

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

または

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