ajax 加载内容中的 CSS 未应用

Question

很抱歉，如果这很明显，但我不知道还能做什么。

我正在使用 fancybox用于将 html 内容加载到模式中的 jQuery 插件，但内容不显示主文档的 css 样式。

CSS 规则在主文档中调用，并在加载的 html 中调用 <style>标签，但什么都没有。

如何解决这个问题而不必使用 jQuery 单独应用每个元素的 css .css()电话？

谢谢

注意:我知道这可能是over - duplicated , 但我仍然没有找到正确的解决方案。

编辑:加载 Ajax 的内容位于 iframe 中

Answer 1

正如您在评论中提到的，您实际上是将内容加载到 iframe 中，因此加载的内容不会受到容器文档中样式的影响。它们是两个不同的 HTML 页面，尽管 iframe 造成了错觉。

最好的办法是配置要加载的内容，以使用与容器文档或其子集相同的样​​式和样式表集。将其视为您网站上的另一个 HTML 页面。