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

【问题标题】：JQuery load page into div with stylesJQuery将页面加载到带有样式的div中
【发布时间】：2012-02-16 12:51:55
【问题描述】：

我正在尝试使用.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> 标签的情况下对其进行样式设置？

【问题讨论】：

你试过了，看看会发生什么？你可以这样回答你自己的问题。

标签： javascript jquery css ajax

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

如果页面上的样式不可用，并且您没有在加载响应中获得它，那么您必须使用 ajax 或在页面中添加带有适当样式表 url 的链接标签显式获取它。

【讨论】：

【解决方案4】：

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

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

【讨论】：

它不会加载css但会加载内容的任何原因？它只显示文本而不是样式设计，但如果我直接进入页面并将链接添加到我的样式表，它看起来很完美。想法？
你有我可以签出的链接吗？这样会更容易提出建议。
我不允许发布链接，因为我的朋友希望我将其构建为私人测试版网站，他希望在网站启动之前没有人知道该网站的内容。
我感到很反感。我用 php 写了这个，所以我有 \" 而不是 " 所以它不会加载 div 的名称。他们没有风格的充分理由。 :p 对不起