jquery - 加载部分页面保留样式

Question

我想加载页面(表格)的一部分，保留 css 样式并将这部分加载到另一个页面(同一域)。 iframe 加载带有样式的整个页面。 jQuery .load 加载页面的一部分但不保留样式。我想两全其美..

一个例子:

关于如何实现这一点有什么想法吗？

Answer 1

这当然不是一件容易的事。您可以提取 <link rel="stylesheet">和 <style>部分中的元素，请求外部 CSS 文件，确定适用的规则，并手动(使用 .css() )将每个规则应用到目标元素。这当然会导致与当前页面上现有的 CSS 发生冲突，因此我认为没有开箱即用的解决方案。