2012-01-23 38 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該專區。如果是後者,我將如何設計它而不使用<style>標籤?

+0

你試過了,看看會發生什麼?你可以用這種方式回答你自己的問題。 –

回答

2

無論何時您以導致重繪的方式更改DOM(例如向DOM中添加可見元素),都會根據CSS樣式表中的所有規則檢查每個元素。

所以要直接回答你的問題。是的,樣式將被添加到隨時添加到DOM的元素。

+0

好的,謝謝!對此並不完全確定。 –

+0

不客氣。 – Jasper

+0

任何它不會加載css的原因,但會加載內容?它只顯示文本而不是樣式設計,但如果我直接進入頁面並將鏈接添加到我的樣式表,它看起來很完美。想法? –

1

如果css在包含section div的頁面上可用,則樣式將在load呈現內容之後應用。此外,如果樣式是load響應的一部分,那麼它也將使用應用的樣式進行渲染。

如果樣式在頁面上不可用,而且您沒有在加載響應中獲得樣式,那麼您必須使用ajax顯式獲取樣式,或者在頁面中添加帶有適當樣式表url的鏈接標籤。

1

您當前頁面的風格將適用於加載的內容通過.load

1

您可以在主.css文件中指定的CSS,所以加入DOM時,風格從主CSS文件中獲取。