JQuery将页面加载到带有样式的div中

Question

我正在尝试使用.load因此我可以将外部页面加载到当前用户页面上的div中。 当我调用.load ，是否会加载内容，然后使用该页面中定义的当前样式表对其进行样式设置？ 如果不是，我会怎么做呢？ 例;

<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加载的，那么样式是否会加载当前页面并在加载后修改该div，或者只是加载了没有样式的html。 如果是后者，如何在不使用<style>标签的情况下设置<style> ？

Answer 1

只要您以导致重绘的方式更改DOM（例如向DOM添加可见元素），就会根据CSS样式表中的所有规则检查每个元素。

所以直接回答你的问题。 是的，样式将添加到随时添加到DOM的元素中。

Answer 2

如果css在包含section div的页面上可用，则在load呈现内容后将应用样式。 此外，如果样式是load响应的一部分，那么它也将使用应用的样式进行渲染。

如果页面上没有样式，并且您没有在加载响应中获取它，则必须使用ajax显式获取它，或者在页面中添加带有相应样式表URL的链接标记。

Answer 3

您当前页面的样式将应用于通过.load加载的内容

Answer 4

您可以在主.css文件中指定CSS，因此在添加DOM时，样式将从主CSS文件中获取。

JQuery将页面加载到带有样式的div中

问题描述

4 个解决方案

解决方案1
2 已采纳 2012-01-23 04:21:11

解决方案2
1 2012-01-23 04:22:28

解决方案3
1 2012-01-23 04:23:38

解决方案4
1 2012-01-23 04:24:41

JQuery将页面加载到带有样式的div中

问题描述

4 个解决方案

解决方案1 2 已采纳 2012-01-23 04:21:11

解决方案2 1 2012-01-23 04:22:28

解决方案3 1 2012-01-23 04:23:38

解决方案4 1 2012-01-23 04:24:41

解决方案1
2 已采纳 2012-01-23 04:21:11

解决方案2
1 2012-01-23 04:22:28

解决方案3
1 2012-01-23 04:23:38

解决方案4
1 2012-01-23 04:24:41