2012-01-23 17 views
4

.loadを使用しようとしているので、現在のユーザーのページのdivに外部ページを読み込むことができます。 .loadを呼び出すと、コンテンツが読み込まれ、そのページに定義されている現在のスタイルシートでスタイルされますか?もしそうでないなら、私はそれをどうやってやるのだろう?例。JQueryスタイルのdivにページを読み込む

<head> 
    <link ref="stylesheet" href="main.css"/> 
</head> 
<body> 
    <div class="section"> 
    <h2>Say this div was loaded with .load after page loaded</h2> 
    </div> 
</body> 

.section.load経由でロードされた場合、スタイルは、現在のページのロードされますし、それがロードされたか、それは無いなスタイリングでロードしまっただけのhtmlです後にそのdiv要素を変更します。後者の場合は、<style>タグを使用せずにどのようにスタイルを設定しますか?

+0

あなたはそれを試して何が起こるか見ましたか?あなたは自分の質問にそのように答えることができます。 –

答えて

2

DOMに可視要素を追加するなどの方法で、DOMを変更すると、各要素がCSSスタイルシートのすべての規則に対してチェックされます。

あなたの質問に直接お答えください。はい、スタイルはいつでもDOMに追加される要素に追加されます。

+0

ありがとうございました!それについて完全には分かっていなかった。 –

+0

ようこそ。 – Jasper

+0

なぜそれがcssを読み込まないが、それは内容をロードする何らかの理由はありますか?スタイル付きのデザインではなくテキストのみを表示しますが、ページに直接アクセスしてスタイルシートにリンクを追加すると完璧に見えます。アイデア? –

1

section divを含むページでCSSが利用可能な場合は、loadがコンテンツをレンダリングした後にスタイルが適用されます。また、スタイルがload応答の一部である場合、スタイルも適用されてレンダリングされます。

スタイルがページに表示されず、読み込み応答にも表示されない場合は、明示的にajaxを使用して取得するか、適切なスタイルシートURLを含むリンクタグをページに追加する必要があります。現在のページの

1

あなたのスタイルは、あなたはDOMが追加されたときに、スタイルがメインのCSSファイルから取得され、メインの.cssファイルにCSSを指定することができ.load

1

を経由してロードされたコンテンツに適用されます。

関連する問題