我已经尝试了一段时间,我不知道这是否是我的搜索技能,是否以前没有人问过这个问题,或者是否有可能。
目前我正在加载一个文件,.load('path/to/file.php');
但我正在加载的文件继承了它加载到的站点的所有样式。
是否可以在不调整加载文件的站点的样式的情况下加载文件?
api中没有提到这个问题的选项.load()
,我想在大多数情况下这不是问题。我的选择是重新声明包含文件的每个样式元素,这是一项主要任务,在这种情况下似乎完全没有必要。
我已经尝试了一段时间,我不知道这是否是我的搜索技能,是否以前没有人问过这个问题,或者是否有可能。
目前我正在加载一个文件,.load('path/to/file.php');
但我正在加载的文件继承了它加载到的站点的所有样式。
是否可以在不调整加载文件的站点的样式的情况下加载文件?
api中没有提到这个问题的选项.load()
,我想在大多数情况下这不是问题。我的选择是重新声明包含文件的每个样式元素,这是一项主要任务,在这种情况下似乎完全没有必要。
您的问题可能有一个简单的解决方案。将内容加载到一个iframe
我认为会在 CSS 样式方面将其与页面其余部分隔离的内容中。
阅读以下内容:如何将 CSS 应用于 iframe?
大多数人有相反的问题,他们想将父样式应用于iframe
.
在这种情况下,您甚至可能不需要使用 AJAX 或 jQuery ,load()
只需使用.src
iframe
评论
你这里有一个嵌入内容的例子,它在 HTML5 规范中讨论iframe
标签部分进行了讨论。在这个应用程序中使用ifrmae
标签是非常合适的。
参考:http ://www.w3.org/TR/html5/embedded-content-0.html#the-iframe-element
CSS 将始终应用于整个页面(当然根据选择器)。完成您所要求的唯一方法是使用 iframe,您将在其中加载 ajax 页面,这样它将是独立的。
另一种可能的工作方式是重置容器中的整个 CSS 定义,但这很容易出错。