加载页面保留样式的部分

Question

我想加载页面的一部分（表格），保留css样式并将此部分加载到另一个页面（同一个域）。 iframe使用样式加载整个页面。 jQuery .load加载页面的一部分但不保留样式。我希望两全其美......

一个例子：

关于如何实现这一目标的任何想法？

Answer 1

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