2012-01-23 15 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文件中获取。