質問: "home.html"; //ページを取得してくる function getPage(elm){ $.ajax({ type: 'GET', url: elm, dataType: 'html', }).done(function (data) { $content.html(data).fadeIn(600); }).fail(function (data){ alert('問題がありました。'); }); } }); ``` ``` homeです ``` ``` h1{ color: red; } ``` ** 内容** HTML1からhtml(home)へはアンカーリンクとしています。 その際の動き方ですが、html(home)はHTML1のgrid area:mainへ表示されます。 ですが、css(home)が反映されず、テキスト:homeです は黒色のままになります。 この時に、grid area:mainに表示されるhtml(home)のみcss(home)を反映し、文字を赤くする方法が分かりません。 上記コードは特にこだわらず、なんでもいいのでお勧めの方法をお持ちの方で 教えていただけますと幸いです。 宜しくお願い致します。
回答: 外部ページを読み込んでくるときに、外部ページ自体はテンプレート的な 位置づけなのでheadタグなどつけるのはあまり好ましくありません また外部ページが呼び出すことになっているcssなども微妙です HTML1(?)側で直接呼ぶ方がいいでしょう ざっと拝見しましたが、機能自体は問題なく、よんだhomeですは赤くなります。 一部インデントに全角スペースを使っていたりしますので もしかしたらなにかtypoがあるのではないでしょうか?