【发布时间】:2012-11-21 16:43:45
【问题描述】:
我想加载页面(表格)的一部分,保留 css 样式并将这部分加载到另一个页面(同一域)中。 iframe 使用样式加载整个页面。 jQuery .load 加载页面的一部分但不保留样式。我想要两全其美..
一个例子:
关于如何实现这一点的任何想法?
【问题讨论】:
-
如果两个页面在同一个域中,可以使用XHR获取代码,将子页面的html代码直接插入主页面,而不是使用
iframe。
我想加载页面(表格)的一部分,保留 css 样式并将这部分加载到另一个页面(同一域)中。 iframe 使用样式加载整个页面。 jQuery .load 加载页面的一部分但不保留样式。我想要两全其美..
一个例子:
关于如何实现这一点的任何想法?
【问题讨论】:
iframe。
这当然不是一件容易的事。您可以从该部分中提取<link rel="stylesheet"> 和<style> 元素,请求外部CSS 文件,确定哪些规则适用并手动(使用.css())将这些规则中的每一个应用到目标元素。这当然会导致与当前页面上现有的 CSS 发生冲突,所以我认为没有开箱即用的解决方案。
【讨论】: