未应用 ajax 加载内容中的 CSS

Question

对不起，如果这很明显，但我只是不知道该怎么做。

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

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

我该如何解决这个问题，而不必通过 jQuery.css()调用单独应用每个元素的 css ？

谢谢

注：我知道这可能是过度-复制，但我仍然没有找到合适的解决方案。

编辑：Ajax 加载的内容在一个 iframe

Answer 1

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

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